JQuery datepicker设置手动日期不是日历的当前日期?

     2023-05-08     233

关键词:

【中文标题】JQuery datepicker设置手动日期不是日历的当前日期?【英文标题】:JQuery datepicker set manual date not a current date of calender? 【发布时间】:2021-06-15 19:22:08 【问题描述】:

我们如何将手动日期而不是当前日历日期(例如,现在日期是 2021 年,但我想将日期设置为 2020 年)到 datepicker JQuery 中??

【问题讨论】:

【参考方案1】:

只需使用日期对象的 setYear 方法:

var NewDate = new Date().setYear(2020);
new Date(NewDate) // Your required Date
// Wed Mar 18 2020 16:58:23

【讨论】:

它不能很好地得到 2020 年的日期,但是我想设置一个从输入值获取的日期,我想将输入值日期设置为 dapicker 日期并设置限制只能选择前一个月的月份和年份,否则无法选择其他上个月或年份... ?? -" /> 这是我的输入,我从数据库中获取日期,我想将日期设置为日期选择器日期和选择从该日期开始 其他未选择的上一年。在 split[0] 中输入我将获得 2021 年,而 split[1] 我将获得第 03 个月。【参考方案2】:

类似

<link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<input type="text" id="mydate" />

<script>
 var d = new Date();
  d.setFullYear(2020);
$("#mydate").datepicker().datepicker("setDate", d);

</script>

【讨论】:

【参考方案3】:
var randomDay= new Date('01-01-2020');
var mm = String(randomDay.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = String(randomDay.getFullYear());
var day = String(randomDay.getDay());
var dateSet=yyyy+'-'+mm+'-'+day;
console.log(dateSet);

Set this 'dateSet' variable in your datepicker 'setDate' like this:

var date=e.target.value;
var yearMonthDay=[]; 
yearMonthDay=date.split('-');
var year = yearMonthDay[0];
var month = yearMonthDay[1]; 
var day = yearMonthDay[2];
$(this).datepicker('setDate',new Date(yearMonthDay[0],yearMonthDay[1],yearMonthDay[2]));

【讨论】:

如何解决 jQuery UI Datepicker 的手动日期输入?

】如何解决jQueryUIDatepicker的手动日期输入?【英文标题】:HowtoresolvemanualdateentryforjQueryUIDatepicker?【发布时间】:2019-08-0404:40:57【问题描述】:我的页面上有一个jQueryUI日期选择器,应该可以手动输入日期。为了使用户更容易,还... 查看详情

在 jquery datepicker 重置为当前日期之前捕获手动输入的日期,同时使用 Max Date 进行限制

】在jquerydatepicker重置为当前日期之前捕获手动输入的日期,同时使用MaxDate进行限制【英文标题】:CapturingmanuallyentereddatebeforejquerydatapickerresetstocurrentdatewhilerestrictingwithMaxdate【发布时间】:2021-12-2718:37:48【问题描述】:我有一个... 查看详情

Jquery DatePicker 设置默认日期

】JqueryDatePicker设置默认日期【英文标题】:JqueryDatePickerSetdefaultdate【发布时间】:2013-01-1221:30:28【问题描述】:我有两个日期字段,我使用DatePicker来选择日期。对于第一个日期字段,我希望将今天的日期作为默认日期。对于第... 查看详情

DatePicker [ eyecon ] 设置日期范围 jquery/javascript

】DatePicker[eyecon]设置日期范围jquery/javascript【英文标题】:DatePicker[eyecon]setarangeofdatejquery/javascript【发布时间】:2012-09-1212:59:11【问题描述】:我正在使用多月Datepicker我无法明确设置日期范围。例如,我必须在单击某些按钮时显... 查看详情

如何在 jQuery datepicker 上设置服务器日期

】如何在jQuerydatepicker上设置服务器日期【英文标题】:howtosetserverdateonjQuerydatepicker【发布时间】:2018-01-1112:26:53【问题描述】:$(function()$("#datepicker").datepicker(););它返回系统日期,我会将我的系统日期设置在两天之后。例如:今... 查看详情

Jquery datepicker 年份变化

】Jquerydatepicker年份变化【英文标题】:Jquerydatepickeryearschange【发布时间】:2011-11-1509:05:15【问题描述】:我正在使用jquery的datepicker作为字段来设置出生日期,同时显示默认选择器,它提供了每月滚动到日期的选项,听起来很乏... 查看详情

以编程方式在 jquery datepicker 上设置多个日期

】以编程方式在jquerydatepicker上设置多个日期【英文标题】:setmultipledatesonjquerydatepickerprogrammatically【发布时间】:2015-02-1201:59:13【问题描述】:我想在内联jQuery日期选择器上以编程方式设置多个日期。我有一个日期数组,我想遍... 查看详情

Jquery ui datepicker预选不是星期天的日期

】Jqueryuidatepicker预选不是星期天的日期【英文标题】:Jqueryuidatepickerpreselectdatethatisnotasunday【发布时间】:2021-03-0318:13:18【问题描述】:我已修改jqueryuidatepicker以预先选择从现在起2天后的日期,并且我还在datepicker中禁用了星期... 查看详情

jQuery Datepicker 无法设置日期

】jQueryDatepicker无法设置日期【英文标题】:jQueryDatepickercan\'tsetdate【发布时间】:2018-06-2302:01:44【问题描述】:我在日期选择器中设置日期有问题。我从其他输入字段获取日期并尝试在newDate()中使用,但它不起作用。该字段工作... 查看详情

如何设置 Jquery Datepicker 日期范围

】如何设置JqueryDatepicker日期范围【英文标题】:HowtosetaJqueryDatepickerdaterange【发布时间】:2011-07-0221:07:55【问题描述】:我有两个绑定到jqueryDatepicker小部件的输入文本框。当用户从Date1(生效日期)中选择给定日期时,我想将Date... 查看详情

JQuery DatePicker 仅限于有效日期?

】JQueryDatePicker仅限于有效日期?【英文标题】:JQueryDatePickerconstraintoonlyvaliddates?【发布时间】:2011-10-2018:11:15【问题描述】:我目前正在使用JQuery日期选择器,但它似乎并没有强制只输入有效日期。这可能吗?例如,它将允许... 查看详情

在日期选择上关闭 Jquery datepicker

】在日期选择上关闭Jquerydatepicker【英文标题】:CloseJquerydatepikerondateselect【发布时间】:2013-05-2906:15:36【问题描述】:我一直在使用jquerydatepicker,它工作正常,直到我在日期文本框上使用自定义验证器和必填字段验证器。我注... 查看详情

在jQuery UI datepicker中将今天的日期设置为默认日期[重复]

】在jQueryUIdatepicker中将今天的日期设置为默认日期[重复]【英文标题】:Settoday\'sdateasdefaultdateinjQueryUIdatepicker[duplicate]【发布时间】:2011-06-2209:45:57【问题描述】:我只想将今天的日期设为使用jQueryUI的datepicker的输入中的默认值... 查看详情

将 jquery ui datepicker 上的 maxDate 设置为某个日期

】将jqueryuidatepicker上的maxDate设置为某个日期【英文标题】:SetmaxDateonjqueryuidatepickertocertaindate【发布时间】:2013-01-1902:29:24【问题描述】:我想将jQueryUI的maxDate设置为18/02/2013,但尝试后,它只能让我将其更新为今天的日期。我该... 查看详情

在日期选择器上设置日期 jquery ui datepicker

】在日期选择器上设置日期jqueryuidatepicker【英文标题】:Setdateonadatepickerjqueryuidatepicker【发布时间】:2019-11-2412:55:25【问题描述】:我有一个网站,我正在实施日期选择器,该网站用于上传学校任务,然后我有一个日期选择器用... 查看详情

如何在 jQuery UI Datepicker 中将 minDate 设置为当前日期?

】如何在jQueryUIDatepicker中将minDate设置为当前日期?【英文标题】:HowtosetminDatetocurrentdateinjQueryUIDatepicker?【发布时间】:2013-01-2611:07:58【问题描述】:这是我的代码,它不能正常工作。我想将minDate设置为当前日期。我该怎么做?... 查看详情

SAPUI5 DatePicker 如何在可以通过日历更改日期时禁止手动/键盘输入?

】SAPUI5DatePicker如何在可以通过日历更改日期时禁止手动/键盘输入?【英文标题】:SAPUI5DatePickerhowtoforbidmanual/keyboardentrywhilechangethedatethroughcalendarispossible?【发布时间】:2021-10-2908:10:38【问题描述】:我想在我的DatePicker上强制用... 查看详情

jQuery Datepicker:setDate 不是函数

】jQueryDatepicker:setDate不是函数【英文标题】:jQueryDatepicker:setDateisnotafunction【发布时间】:2016-11-0110:36:48【问题描述】:我目前正在尝试使内联日期选择器对象与日期输入交互,并且除了一件事之外已经管理了所有内容。当我... 查看详情