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>