首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将单个日期选取器设置为默认日期

问将单个日期选取器设置为默认日期
EN

Stack Overflow用户
提问于 2021-03-06 23:07:50
回答 1查看 81关注 0票数 0

我有一个使用daterangepicker库来检索日期的例子,下面是jsfiddle链接:https://jsfiddle.net/heriira_/0bgqxdLa/5/

代码语言:javascript
复制
$(function () {
   var start = moment().subtract(1, "days");

   $("#demo").daterangepicker(
    {
     singleDatePicker: true,
     startDate: start,
    },
   function (start, end, label) {
    console.log(start.format("YYYY-MM-DD"));
   }
  );
});

在上面的代码中,如果,例如,默认值是昨天,并且当我们选择一个大于昨天的时间时,例如在两天之前,它将返回到默认值,即昨天的日期,那么如何制作句柄。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-03-06 23:37:36

基于文档https://www.daterangepicker.com/#options

您只需要添加minDate:,这样就不能选择昨天之前的日期

​

代码语言:javascript
复制
$(function() {
  var start = moment().subtract(1, "days");

  $("#demo").daterangepicker({
      singleDatePicker: true,
      startDate: start,
      minDate: start
    },
    function(start, end, label) {
      console.log(start.format("YYYY-MM-DD"));
    }
  );
});
代码语言:javascript
复制
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>

<input type="text" id="demo" value="10/24/1984" />

​

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

https://stackoverflow.com/questions/66507129

复制
相关文章

相似问题

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