laydate.js时间选择-优快云博客

本文介绍如何使用laydate.js实现HTML页面上的实时日期选择功能，通过结合JavaScript和ASP.NET HiddenField控件，实现了页面加载时日期的初始化显示及用户选择日期后的实时更新。

例子：  
<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>