Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/svn/5.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 设置日期时间选择器';s到另一个日期时间选择器的最小日期';选定日期_Javascript_Asp.net_Twitter Bootstrap_Visual Studio 2015_Bootstrap Datetimepicker - Fatal编程技术网

Javascript 设置日期时间选择器';s到另一个日期时间选择器的最小日期';选定日期

Javascript 设置日期时间选择器';s到另一个日期时间选择器的最小日期';选定日期,javascript,asp.net,twitter-bootstrap,visual-studio-2015,bootstrap-datetimepicker,Javascript,Asp.net,Twitter Bootstrap,Visual Studio 2015,Bootstrap Datetimepicker,我有两个文本框:txtETCdatefrom和txtETCdateto,分别有类datetimepicker1和datetimepicker2: <asp:TextBox ID="txtETCdatefrom" runat="server" CssClass="form-control datetimepicker1 col-md-6"></asp:TextBox> <asp:TextBox ID="txtETCdateto" runat="server" CssC

我有两个文本框:txtETCdatefrom和txtETCdateto,分别有类datetimepicker1和datetimepicker2:

<asp:TextBox ID="txtETCdatefrom" runat="server" CssClass="form-control datetimepicker1 col-md-6"></asp:TextBox>
<asp:TextBox ID="txtETCdateto" runat="server" CssClass="col-md-6 datetimepicker2 form-control"></asp:TextBox>
我搜索了一下,找到了datepicker的答案(使用onSelect()函数):

但它对datetimepicker不起作用。 我还尝试了beforeShow()函数,如:

$('.datetimepicker1').datetimepicker({
                    format: 'DD/MM/YYYY',
                    minDate: moment(),
                });
$('.datetimepicker2').datetimepicker({
                    format: 'DD/MM/YYYY',
                    //minDate: moment(),
                    beforeShow: function () {
                        $(".datetimepicker2").datetimepicker("option", {
                        minDate: $(".datetimepicker1").datetimepicker('getDate')
                        });
                    }
                });
但都是徒劳的。还尝试了中建议的onSelectDate()和onShow()函数 不知道我做错了什么。 在代码中包含这些函数后,datetimepicker不会出现。 一切帮助都将不胜感激。谢谢。

我会按照文件中的说明进行操作

$(函数(){
$('#datetimepicker1')。datetimepicker({
格式:“DD/MM/YYYY”,
minDate:moment(),
});            
$('#datetimepicker2')。datetimepicker({
格式:“DD/MM/YYYY”,
});
$(#datetimepicker1”)。在(“dp.change”,函数(e)上{
var oldDate=新日期(如日期);
var newDate=新日期();
newDate.setDate(oldDate.getDate()+1);
$('#datetimepicker2').data(“DateTimePicker”).minDate(newDate);
});
});

我遵循中的文档

$(函数(){
$('#datetimepicker1')。datetimepicker({
格式:“DD/MM/YYYY”,
minDate:moment(),
});            
$('#datetimepicker2')。datetimepicker({
格式:“DD/MM/YYYY”,
});
$(#datetimepicker1”)。在(“dp.change”,函数(e)上{
var oldDate=新日期(如日期);
var newDate=新日期();
newDate.setDate(oldDate.getDate()+1);
$('#datetimepicker2').data(“DateTimePicker”).minDate(newDate);
});
});


您确定正在使用,因为我认为它是使用$().datepicker()而不是$().datetimepicker()初始化的。你能检查一下吗?下面是他们推荐使用的方法。尝试使用javascript日期对象,而不是矩()或日期字符串。Momentjs提供了一个函数,用于将矩()转换为javascript日期对象。@Yatin我使用的是引导datetimepicker而不是datepicker,我没有找到datetimepicker的解决方案。谢谢你确定你正在使用,因为我认为它是用$().datepicker()而不是$().datetimepicker()初始化的。你能检查一下吗?下面是他们推荐使用的方法。尝试使用javascript日期对象,而不是矩()或日期字符串。Momentjs提供了一个函数,用于将矩()转换为javascript日期对象。@Yatin我使用的是引导datetimepicker而不是datepicker,我没有找到datetimepicker的解决方案。谢谢!!成功了。非常感谢你。我想知道我怎么没发现。不管怎样,你真的救了我一天。。!!现在我遇到了另一个问题,它只对我的前两个文本框有效,而对其他文本框无效。我该怎么修理it@Preet“其他”是什么意思?它对我页面上的其他文本框是什么意思。我用了不同的身份证,而不是上课,这很有效,谢谢@Nico@Preet我发现您可能需要在datetimepicker2中添加1天,所以我会为您更新答案。祝您有个美好的一天!哇!成功了。非常感谢你。我想知道我怎么没发现。不管怎样,你真的救了我一天。。!!现在我遇到了另一个问题,它只对我的前两个文本框有效,而对其他文本框无效。我该怎么修理it@Preet“其他”是什么意思?它对我页面上的其他文本框是什么意思。我用了不同的身份证,而不是上课,这很有效,谢谢@Nico@Preet我发现您可能需要在datetimepicker2中添加1天,所以我会为您更新答案。祝您有个美好的一天!
$('.datetimepicker1').datetimepicker({
             format: 'DD/MM/YYYY',
             minDate: moment(),
             onSelect: function (date) {
             var date1 = $('.datetimepicker1').datetimepicker('getDate');
             var date = new Date(Date.parse(date1));
             date.setDate(date.getDate() + 1);
             var newDate = date.toDateString();
             newDate = new Date(Date.parse(newDate));
             $('.datetimepicker2').datetimepicker("option", "minDate", newDate);
             }
       });
$('.datetimepicker2').datetimepicker({
                    format: 'DD/MM/YYYY',
                    //minDate: moment(),
                });
$('.datetimepicker1').datetimepicker({
                    format: 'DD/MM/YYYY',
                    minDate: moment(),
                });
$('.datetimepicker2').datetimepicker({
                    format: 'DD/MM/YYYY',
                    //minDate: moment(),
                    beforeShow: function () {
                        $(".datetimepicker2").datetimepicker("option", {
                        minDate: $(".datetimepicker1").datetimepicker('getDate')
                        });
                    }
                });