首页>Program>source

我的页面中有两个日期选择器,并且都具有引导程序.条件是开始日期相对于结束日期永远不会高.表示在使用日期选择器更改"开始日期"时必须更改"结束日期"属性(minDate),而在"更改结束日期"时必须更改"结束日期"属性,"开始日期"日期选择器的日历的最小范围应根据"结束日期值"。

希望您能理解我的问题

$(document).ready(function(){
  
      $("#startdate").datepicker({
       
        todayBtn:  1,
        autoclose: true,
       
       
      }).on('changeDate', function (selected) {
        var minDate = new Date(selected.date.valueOf());
        $('#enddate').datetimepicker('setStartDate', minDate);
    });
    
        $("#enddate").datepicker();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.0/js/bootstrap-datepicker.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">

<input type="text" placehoder="Start Date" id="startdate"/>
<input type="text" placehoder="End Date" id="enddate"/>

最新回答
  • 11天前
    1 #

    我做了一个jsfiddle来做你想要的.正如pqdong所说,您在设置结束日期时呼叫的是datetimepicker而不是datepicker。

    这是有效的javascript:

    $(document).ready(function(){
        $("#startdate").datepicker({
            todayBtn:  1,
            autoclose: true,
        }).on('changeDate', function (selected) {
            var minDate = new Date(selected.date.valueOf());
            $('#enddate').datepicker('setStartDate', minDate);
        });
        $("#enddate").datepicker()
            .on('changeDate', function (selected) {
                var maxDate = new Date(selected.date.valueOf());
                $('#startdate').datepicker('setEndDate', maxDate);
            });
    });
    

  • 11天前
    2 #

    我没有足够的声誉来评论Razzildinho的出色答案,但确实想提供一个对用户有帮助的小附加功能,即突出显示第二个日期选择器中的选定日期.您可以通过添加以下行来做到这一点:

    $('#enddate').datepicker('setDate', minDate);
    

    因此在上下文中,它看起来像这样:

    $(document).ready(function(){
    $("#startdate").datepicker({
        todayBtn:  1,
        autoclose: true,
    }).on('changeDate', function (selected) {
        var minDate = new Date(selected.date.valueOf());
        $('#enddate').datepicker('setStartDate', minDate);
        $('#enddate').datepicker('setDate', minDate); // <--THIS IS THE LINE ADDED
    });
    $("#enddate").datepicker()
        .on('changeDate', function (selected) {
            var maxDate = new Date(selected.date.valueOf());
            $('#startdate').datepicker('setEndDate', maxDate);
        });
    });
    

  • class:在NET中将成员对象公开为属性或方法
  • datetime:通过php查找一周的第一天