【问题标题】:Date Picker: Any one day selection日期选择器:任何一天的选择
【发布时间】:2018-11-05 09:29:12
【问题描述】:

如何使用日期选择器选择任何一天的选择。如果用户选择从日期 05-11-2018 那么今天也应该是 05-11-2018。这意味着它只会选择一天的数据。 并且所有其他日期都应该被禁用。所以用户只能选择一个日期。 请帮助如何做到这一点。

代码:

 $("#searchFromDate").datepicker({dateFormat:'yy-mm-dd'});
    $("#searchFromDate").datepicker("setDate", new Date());

    $("#searchToDate").datepicker({dateFormat:'yy-mm-dd'});
    $("#searchToDate").datepicker("setDate", new Date()); 

【问题讨论】:

    标签: datepicker


    【解决方案1】:

    试试这个...

        $("#searchFromDate").datepicker({
        dateFormat:'yy-mm-dd',
        onClose: function( selectedDate ) {
                $("#searchToDate" ).datepicker( "option", "maxDate", selectedDate );
                $("#searchToDate" ).datepicker( "option", "minDate", selectedDate );
                       }});
      	
        $("#searchFromDate").datepicker("setDate", new Date());
                  
        $("#searchToDate").datepicker({dateFormat:'yy-mm-dd'});
        $("#searchToDate").datepicker("setDate", new Date());
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <title>jQuery UI Datepicker - Default functionality</title>
      <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
      <link rel="stylesheet" href="/resources/demos/style.css">
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    
    </head>
    <body>
     
    <p>Date: <input type="datepicker" id="searchFromDate"></p>
    <p>Date: <input type="datepicker" id="searchToDate"></p>
     
     
    </body>

    【讨论】:

    • 工作..谢谢...但是我的日期选择器没有第二次加载..??
    • 第二次是什么意思?
    • IN UI 如果页面将更改并再次转到页面将不会加载。刷新页面后,日期选择器将加载..
    猜你喜欢
    • 2020-06-11
    • 2012-12-07
    • 1970-01-01
    • 2019-01-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-05
    相关资源
    最近更新 更多