首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >过去的约会不是藏在日期选择器里吗?

过去的约会不是藏在日期选择器里吗?
EN

Stack Overflow用户
提问于 2019-01-19 10:27:40
回答 2查看 67关注 0票数 0

大家好,我是Jquery和javascript.In的初学者,我的项目我必须使用引导,我尝试过执行datepicker来隐藏过去的datesDate选择器,尽管过去的日期并没有隐藏,但是我已经附加了下面的代码。

代码语言:javascript
运行
复制
<!--html:-->
    <div class="form-group">
        <div class="col-sm-3 control-label">
            <label for="FromDate" class="control-label">FromDate:</label>
        </div>
        <div class="col-sm-4">
            <div class="input-group date">
                <div class="input-group-addon">
                    <i class="fa fa-calendar"></i>
                </div>
                <input type="text" name="fromDate" id="fromDate" class="form-control pull-right" data-validation-engine="validate[required]" />
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-3 control-label">
            <label for="ToDate">ToDate:</label>
        </div>
        <div class="col-sm-4">
            <div class="input-group date">
                <div class="input-group-addon"> <i class="fa fa-calendar"></i>
                </div>
                <input type="text" name="toDate" id="toDate" class="form-control pull-right" data-validation-engine="validate[required]"
                    onchange="report();" />
            </div>
        </div>

    </div>
                    
                    
                    
<!--script:-->
    <script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/
        // Date picker
        $('#fromDate').datepicker({
            autoclose: true,
            todayHighlight: true,
            format: 'dd-M-yyyy'
        });
        $('#toDate').datepicker({
            autoclose: true,
            todayHighlight: true,
            format: 'dd-M-yyyy'
        });


        $('#fromDate').datepicker({ minDate: new Date() });

        $('#toDate').datepicker({ minDate: new Date() });

        /*]]>*/
    </script>

谢谢!!

EN

回答 2

Stack Overflow用户

发布于 2019-01-19 10:38:44

代码语言:javascript
运行
复制
var dateToday = new Date();
var dates = $("#from, #to").datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3,
    minDate: dateToday,
    onSelect: function(selectedDate) {
        var option = this.id == "from" ? "minDate" : "maxDate",
            instance = $(this).data("datepicker"),
            date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
        dates.not(this).datepicker("option", option, date);
    }
});

试试上面的代码

票数 0
EN

Stack Overflow用户

发布于 2019-01-19 11:00:15

我复制了你的代码,它运行得很好。

可以更清楚地了解您使用的版本和包。

对于您使用的数据包。我使用jquery引导您使用了v3 (这里不考虑这个问题),但最新版本是4

http://jsfiddle.net/0oL2yh6r/1/

代码语言:javascript
运行
复制
jQuery(document).ready(function(){
    $( "#fromDate" ).datepicker({
    minDate: new Date(),
   autoclose : true,
          todayHighlight : true,
          format : 'dd-M-yyyy'
  });
});

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54266132

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档