你的位置:首页 > Java教程

[Java教程]laydate.js时间选择


例子: 
<asp:HiddenField ID="hfdDateBuid3" runat="server" /> <script type="text/javascript"> laydate({ elem: '#dateBuid3', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class' event: 'focus', //响应事件。如果没有传入event,则按照默认的click choose: function (datas) { //选择日期完毕的回调 SetHfdValue3(datas); } }); $("#dateBuid3").val($("#hfdDateBuid3").val()); //页面刷新时将HiddenField值赋值给dateBuid; function SetHfdValue3(datas) {//将选择的值赋值给HiddenField $("#hfdDateBuid3").val(datas); } </script>

图:

前台html:

日报日期:   <input id="dateBuid3" class="laydate-icon" onblur="SetHfdValue3(this.value)" style="width: 80px;" />

引用

 <script src="../../js/jquery-1.9.1.min.js" type="text/javascript"></script>  <script src="../../js/layer/laydate-master/laydate.dev.js" type="text/javascript"></script>  <script src="../../js/layer/laydate-master/laydate.js" type="text/javascript"></script>