JQuery Laydate.now是一款基于Jquery的時間選擇插件。
該插件可以幫助我們在網頁上方便地進行時間的選擇,具有操作簡便、界面美觀、功能強大等特點。
使用JQuery Laydate.now的第一步是將相關的JS和CSS文件導入到頁面中:
<link rel="stylesheet"> <script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script> <script src="http://cdn.bootcss.com/layui/2.2.6/layui.js"></script>
接著,在需要使用時間選擇器的地方,添加一個input標簽。例如:
<input type="text" class="layui-input" id="test1" placeholder="請選擇日期">
然后,在JavaScript中調用Laydate函數:
layui.use('laydate', function(){ var laydate = layui.laydate; //執行一個laydate實例 laydate.render({ elem: '#test1', //指定元素 theme: 'molv', //主題色 max: 0, //允許選擇的最大日期 done: function(value, date){ //選擇日期后執行的操作 } }); });
上面的代碼中,我們指定了需要顯示時間選擇器的input元素的id,此外還可以設置主題色、允許選擇的最大日期等選項。
當用戶選擇完日期后,done回調函數將被執行。在這個函數中,我們可以獲取到用戶選擇的日期,然后進行相應的操作。
總之,JQuery Laydate.now是一款實用的時間選擇插件,可以幫助我們在網頁中快速便捷地選擇時間。