Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/385.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Datetimepicker引导程序在asp.net网站中可能无法正常工作_Javascript_Jquery_Asp.net_Twitter Bootstrap - Fatal编程技术网

Javascript Datetimepicker引导程序在asp.net网站中可能无法正常工作

Javascript Datetimepicker引导程序在asp.net网站中可能无法正常工作,javascript,jquery,asp.net,twitter-bootstrap,Javascript,Jquery,Asp.net,Twitter Bootstrap,我可以用一些眼睛来检查我在这段代码中犯了什么错误。我尝试了一个例子,在这个例子中,我创建了用于签入和签出的输入框 它看起来像这样: Check-in Input box (datetimepicker1) Check-out Input box (datetimepicker2) 我想让你在datepicker1中选择一个日期时,你可以用datetimepicker2表单选择一个更早的日期。你必须至少提前1天选择一天 我的asp代码: <div clas

我可以用一些眼睛来检查我在这段代码中犯了什么错误。我尝试了一个例子,在这个例子中,我创建了用于签入和签出的输入框

它看起来像这样:

Check-in
Input box (datetimepicker1)

Check-out
Input box (datetimepicker2)
我想让你在datepicker1中选择一个日期时,你可以用datetimepicker2表单选择一个更早的日期。你必须至少提前1天选择一天

我的asp代码:

                <div class="form-group">
                    <div class="input-append date form_datetime">
                        <asp:Label ID="Label1" runat="server" Text="Check-in     Date:"></asp:Label>
                        <input type="text" class="form-control" id="datetimepicker1" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-append date form_datetime">
                        <asp:Label ID="Label2" runat="server" Text="Check-out Date:"></asp:Label>
                        <input type="text" class="form-control" id="datetimepicker2" />
                    </div>
                </div>
        <script type="text/javascript">

            var nowTemp = new Date();
            var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

            var checkin = $('#datetimepicker1').datepicker({
                onRender: function (date) {
                    return date.valueOf() < now.valueOf() ? 'disabled' : '';
                }
            }).on('changeDate', function (ev) {
                if (ev.date.valueOf() > checkout.date.valueOf()) {
                    var newDate = new Date(ev.date)
                    newDate.setDate(newDate.getDate() + 1);
                    checkout.setValue(newDate);
                }
                checkin.hide();
                $('#datetimepicker2')[0].focus();
            }).data('datepicker');
            var checkout = $('#datetimepicker2').datepicker({
                onRender: function (date) {
                    return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
                }
            }).on('changeDate', function (ev) {
                checkout.hide();
            }).data('datepicker');

        </script>

Javascript:

                <div class="form-group">
                    <div class="input-append date form_datetime">
                        <asp:Label ID="Label1" runat="server" Text="Check-in     Date:"></asp:Label>
                        <input type="text" class="form-control" id="datetimepicker1" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-append date form_datetime">
                        <asp:Label ID="Label2" runat="server" Text="Check-out Date:"></asp:Label>
                        <input type="text" class="form-control" id="datetimepicker2" />
                    </div>
                </div>
        <script type="text/javascript">

            var nowTemp = new Date();
            var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

            var checkin = $('#datetimepicker1').datepicker({
                onRender: function (date) {
                    return date.valueOf() < now.valueOf() ? 'disabled' : '';
                }
            }).on('changeDate', function (ev) {
                if (ev.date.valueOf() > checkout.date.valueOf()) {
                    var newDate = new Date(ev.date)
                    newDate.setDate(newDate.getDate() + 1);
                    checkout.setValue(newDate);
                }
                checkin.hide();
                $('#datetimepicker2')[0].focus();
            }).data('datepicker');
            var checkout = $('#datetimepicker2').datepicker({
                onRender: function (date) {
                    return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
                }
            }).on('changeDate', function (ev) {
                checkout.hide();
            }).data('datepicker');

        </script>

var nowTemp=新日期();
var now=新日期(nowTemp.getFullYear(),nowTemp.getMonth(),nowTemp.getDate(),0,0,0);
var checkin=$('#datetimepicker1')。日期选择器({
onRender:函数(日期){
返回日期.valueOf()checkout.date.valueOf()){
var newDate=新日期(ev.Date)
newDate.setDate(newDate.getDate()+1);
checkout.setValue(newDate);
}
checkin.hide();
$('#datetimepicker2')[0]。焦点();
}).数据(“日期选择器”);
var checkout=$('#datetimepicker2')。datepicker({
onRender:函数(日期){

返回日期。valueOf()你能告诉我们什么不起作用吗?我在你的问题中没有看到具体的问题当你点击测试框时,datetimepicker没有打开。什么都没有发生。你的浏览器js控制台说什么?有错误吗?它是空的。如果我点击control+shift+j,控制台中没有文本。可能是因为你没有看到datePicker吗正在隐藏它吗?
checkin.hide();checkout.hide();