【问题标题】:jQuery date picker year 1927 format dd mm y issuejQuery 日期选择器年份 1927 格式 dd mm y 问题
【发布时间】:2017-05-19 19:06:58
【问题描述】:

jQuery DatePicker 格式 dd mm y 打破

我输入 01 01 27 它会中断它不显示日历中选择的日期

这是一个 jQuery 错误吗?

它接受 1927 年以上的所有值

HTML

<p>Date: <input type="text" id="datepicker"></p>

JS

  $( "#datepicker" ).datepicker({
    dateFormat: "dd mm y",
    changeMonth: true,
    changeYear: true,
    minDate: "-100Y",
    maxDate: "-18Y"
});

$(function () {
        $( "#datepicker" ).datepicker({
        dateFormat: "dd mm y",
   
     changeMonth: true,
 
       changeYear: true,
  
      minDate: "-100Y",
 
       maxDate: "-18Y"
 
   });
   });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

 <p>Date: <input type="text" id="datepicker"></p>
  

【问题讨论】:

  • 你看过 datepicker 的日期格式了吗? api.jqueryui.com/datepicker/#utility-formatDate
  • 是的,我想要的是 dd mm yy 格式,所以最适合的格式是 dd mm y
  • 我可以输入任何我喜欢的数字,并且最初只能看到 10 年的范围,即 99–89。但如果我选择最低的年份,下一个范围是从那开始的±10 年。有时选择器会遮挡字段,有时则不会。

标签: javascript jquery html date jquery-ui-datepicker


【解决方案1】:

看起来 yearRange 是你可以使用的东西:

$(function() {
  $("#datepicker").datepicker({
dateFormat: "dd mm y",

changeMonth: true,

changeYear: true,

yearRange: "c-100:c-18"

  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

 <p>Date: <input type="text" id="datepicker"></p>
  

【讨论】:

  • 我需要输入你的建议不允许我输入
  • 这也不是最佳实践,所以每年我都需要进入代码并更改此范围 ehh
  • 当你回到 100 多年前,看起来就像一个错误。
  • 嘿我无法在文本框中输入我认为您需要调整它
  • "100 多年前,看起来像个 bug" 这不是 bug,是一年只使用两位数造成的限制。 27 是指 1927 年还是 2027 年?这是一个经典的 Y2K 问题,您可能想寻找已处理的方法,因为基本上由您自己决定您想如何处理它。 并且如果您接受 2 位数年份,您仍应将它们存储为 4 位数年份,除非您想重新创建 y2k 问题。
【解决方案2】:

我已经找到答案了

添加 shortYearCutoff: "1", 解决了我的问题

更多详情请查看here

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-04-28
    • 1970-01-01
    • 2014-07-06
    • 2023-03-04
    • 2016-07-04
    • 2011-11-21
    • 1970-01-01
    相关资源
    最近更新 更多