正文 

当前位置： 首页 > 知识 >

如何显示日期来自 jQuery instated 的显示当前日期？

     2023-05-08     34

关键词：

【中文标题】如何显示日期来自 jQuery instated 的显示当前日期？【英文标题】：How to display the date comes from jQuery instated of display the current date? 【发布时间】：2019-06-01 04:31:42 【问题描述】：

如何显示日期来自jQuery instated 的显示当前日期？ 我有一个下拉列表并使用 datepicker 输入。

现在我要做的是，当用户从下拉列表中选择年份 2019-2020 时，我将在输入字段 31/03/2020 中显示日期。

如果选择2020-2021，则会显示31/03/2021，以此类推。

我的意思是，日期和月份是固定的，只会更改年份。

我在输入字段中获取输出，但是当我单击输入字段时，它会显示当前日期。我需要自动选择的日期来自jquery的任何日期。 

$("#year").change(function() 
  var dropdownDuration = this.value;
  var items = dropdownDuration.split('-');
  //alert("31/03/"+items[1]);
  $("#yearDate").val("31/03/" + items[1]);
);

$("#yearDate").datepicker();
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<select class="form-control" name="year" id="year">
  <option value="" disabled selected>Year</option>
  <option value="2019-2020">2019-2020 </option>
  <option value="2020-2021">2020-2021 </option>
  <option value="2021-2022">2021-2022 </option>
</select>

<input type="text" name="enddate" class="form-control datepicker" id="yearDate">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>

【问题讨论】：

【参考方案1】：

你可以像这样使用日期选择器参数：

$("#yearDate").datepicker(dateFormat: 'dd/mm/yy',defaultDate:this.value);

试试下面的方法

$("#year").change(function() 
  var dropdownDuration = this.value;
  var items = dropdownDuration.split('-');
  //alert("31/03/"+items[1]);
  $("#yearDate").val("31/03/" + items[1]);
);

$("#yearDate").datepicker(
    dateFormat: 'dd/mm/yy',
    defaultDate: this.value
);
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css">
<select class="form-control" name="year" id="year">
  <option value="" disabled selected>Year</option>
  <option value="2019-2020">2019-2020 </option>
  <option value="2020-2021">2020-2021 </option>
  <option value="2021-2022">2021-2022 </option>
</select>

<input type="text" name="enddate" class="form-control datepicker" id="yearDate">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>

【讨论】：

感谢您的回答，给我一些时间检查一下。 它非常适合我。谢谢您的帮助。从我这边投票。 我很乐意为您提供帮助。我们可以保持更深更远的关系。谢谢 如果您有时间，请查看此问题***.com/questions/54050168/…

来自 jquery 的格式化日期在 IE 中显示 NaN

】来自jquery的格式化日期在IE中显示NaN【英文标题】：FormatteddatefromjquerydisplaysNaNinIE【发布时间】：2017-07-1813:51:34【问题描述】：我在网页上有以下代码：vardate=newDate(row.EventDate.replace(\'T\',\'\'));//\'T\'comesfromsqlservervarmonth=date.getMonth... 查看详情

如何在 jQuery 中突出显示日期？

】如何在jQuery中突出显示日期？【英文标题】：HowcanhighlightadateinjQuery?【发布时间】：2018-07-0616:11:17【问题描述】：我无法动态突出显示日历中的日期，如果我这样做，只会突出显示静态日期：eventDates[newDate(\'01/09/2018\')]=newDate(\'... 查看详情

如何使用 jQuery 显示来自 JSON 的多个数组？

】如何使用jQuery显示来自JSON的多个数组？【英文标题】：HowtodisplaymultiplearraysourcedfromJSONusingjQuery?【发布时间】：2020-06-1903:20:45【问题描述】：如何使用jQuery显示来自API(JSON)的多个数组？当前方法我正在使用each函数，不幸的是结... 查看详情

如何在 twig 中显示来自 Unix 时间戳的格式化日期？

】如何在twig中显示来自Unix时间戳的格式化日期？【英文标题】：HowcanIdisplayaformatteddatefromaUnixtimestampintwig?【发布时间】：2012-08-1318:39:00【问题描述】：我想通过对Unix时间戳应用过滤器来在twig中显示格式化的日期。twig有这样的... 查看详情

如何显示带有突出显示日期的 jquery 日历并禁止单击（只读）

】如何显示带有突出显示日期的jquery日历并禁止单击（只读）【英文标题】：HowcanIdisplayajquerycalendarwithhighlightdaysandprohibitclicking(readonly)【发布时间】：2020-08-3016:37:44【问题描述】：我使用Jquery日历来显示每日房间容量。到目前为... 查看详情

如何根据本地时间是不是等于“开始日期”和“结束日期”Jquery 来显示/隐藏跨度

】如何根据本地时间是不是等于“开始日期”和“结束日期”Jquery来显示/隐藏跨度【英文标题】：Howtoshow/hideaspandependingonwhetherthelocaltimeisequaltobetweena“startdate”and“enddate”Jquery如何根据本地时间是否等于“开始日期”和“结束... 查看详情

在 Laravel 中显示来自 JQuery 的模态？

】在Laravel中显示来自JQuery的模态？【英文标题】：DisplayModalfromJQueryinLaravel?【发布时间】：2017-12-0320:54:04【问题描述】：单击日历中的日期时，模型未弹出。我在Laravel中使用FullCalendar.io，现在我正在尝试获得一个带有四个单独... 查看详情

jquery倒计时插件，日期来自Mysql数据库

...以从数据库中获取日期，而不是手动输入。我真的不知道如何在日期上获得正确的格式。该插件仅使用天、小时、分钟、秒。有人可以帮助我吗？jquery倒计时plugin原文：$(function()vara 查看详情

JQuery DatePicker，如何突出显示当前输入的日期？

】JQueryDatePicker，如何突出显示当前输入的日期？【英文标题】：JQueryDatePicker,howtohighlightcurrentinputvaluedate?【发布时间】：2010-10-0202:22:48【问题描述】：我正在为jquery使用datepicker控件，一切都很好，只是我无法让它突出显示当前... 查看详情

在 jQuery Datepicker 上突出显示 MySql 日期

】在jQueryDatepicker上突出显示MySql日期【英文标题】：HighlightingMySqldatesonjQueryDatepicker【发布时间】：2016-12-0716:42:06【问题描述】：我正在使用jQueryDatepicker，我正在尝试通过ajax突出显示来自mysql的日期。这是我的代码。varappendDate=\'... 查看详情

在 django 中使用 Datepicker（来自 Jquery）

...当用户选择的日期等于我在数据库中的日期之一时，我想显示一条消息。我怎样才能做到这一点？（使用Dj 查看详情

如何在 Tooltipster 工具提示中显示来自 jQuery Validate 插件的消息？

】如何在Tooltipster工具提示中显示来自jQueryValidate插件的消息？【英文标题】：HowtodisplaymessagesfromjQueryValidateplugininsideofTooltipstertooltips?【发布时间】：2021-10-2910:40:39【问题描述】：我想使用Tooltipsterplugin来显示jQueryValidateplugin生成... 查看详情

如何在 Tooltipster 工具提示中显示来自 jQuery Validate 插件的消息？

】如何在Tooltipster工具提示中显示来自jQueryValidate插件的消息？【英文标题】：HowtodisplaymessagesfromjQueryValidateplugininsideofTooltipstertooltips?【发布时间】：2013-01-2209:30:17【问题描述】：我想使用Tooltipsterplugin来显示jQueryValidateplugin生成... 查看详情

如何在完整的日历 jquery 中获取当前显示的日期范围

】如何在完整的日历jquery中获取当前显示的日期范围【英文标题】：Howtogetcurrentdisplayeddaterangeinfullcalendarjquery【发布时间】：2015-12-2223:33:15【问题描述】：我在我的应用程序中实现了fullcalendar。我在获取当前显示的日期范围时遇... 查看详情

如何检查来自firebase的日期是不是等于今天[重复]

】如何检查来自firebase的日期是不是等于今天[重复]【英文标题】：HowtocheckifadatefromfirebaseisequaltoToday[duplicate]如何检查来自firebase的日期是否等于今天[重复]【发布时间】：2020-01-1412:10:22【问题描述】：我有一个离子卡，可以显示... 查看详情

jquery ui 日期选择器。如何显示所有可能的年份（生日）？

】jqueryui日期选择器。如何显示所有可能的年份（生日）？【英文标题】：jqueryuidatepicker.HowcanIshowALLofthepossibleyears(forthebirthdate)?【发布时间】：2011-12-2812:52:35【问题描述】：我正在使用带有changeYear的jqueryuidatepicker。问题是它以块... 查看详情

如何使用 Jquery 在 DatePicker 中设置昨天的日期

】如何使用Jquery在DatePicker中设置昨天的日期【英文标题】：HowtosetyesterdaydateinDatePickerusingJquery【发布时间】：2012-07-1713:41:24【问题描述】：我有一个文本框，当用户单击它时出现日历。这工作正常，显示当前日期和上一个日期的... 查看详情

来自 url 的日期格式 (JSON)

...romurl(JSON)【发布时间】：2019-12-0600:29:20【问题描述】：我如何能够从URL中获取日期格式并将其转换为SwiftUI中的2个单独的日期值。JSON的格式是2019-11-0618:30:00，我正试图让它显示为12月5日，并且还希望它能够分隔时间并显示晚上8:0... 查看详情