时间戳

首页 > 解决方案 > jQuery UI 日期选择器查询

jquery - jQuery UI 日期选择器查询

问题描述

在 jquery 日期选择器中，有没有办法打开我在输入字段中输入的特定年份的日历？就像我输入 2015 一样，2015 日历将打开，默认情况下将选择 1 月 1 日。我添加了以下代码

$( "#datepickerfrom" ).datepicker({
dateFormat: 'yy-mm-dd',
changeYear:true,
changeMonth: true,
yearRange: "2014:+1",
});

但不工作。谁能帮我解决这个问题？

标签： jquery

解决方案

您可以使用defaultDate将默认日期设置为 datepicker 并计算每次更改的天数差异

$("#datepickerfrom").datepicker({
    dateFormat: 'yy-mm-dd',
    changeYear: true,
    changeMonth: true,
});

$("#year").change(function () {
    $('#datepickerfrom').datepicker("option", "defaultDate", parseInt((new Date($(this).val(), 0, 1) - new Date()) / (1000 * 60 * 60 * 24), 10));
    //Or use setDate to fill datepicker field
    //$('#datepickerfrom').datepicker("setDate", new Date($(this).val(), 0, 1));
    
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.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>
<input type="number"  min="1970" max="275760" value="2021" id="year">
<input type="text" id="datepickerfrom">

推荐阅读