从引导日期选择器获取日期并单独打印

Question

我正在使用引导日期选择器。我想获取日期值(20-Sep-19(并将其打印为三个不同的div(这样我就可以以不同的方式设置它们(。

<div class="input-group date">
<input type="hidden" id="date-input" value="20-Sep-19" class="form-control">
<div id="div1">20 </div>
<div id="div2">Sep'19</div>
<div id="div3">Wednesday</div>
</div>
$(function(){
$('.input-group.date').datepicker({
format: 'dd-M-yy',
todayHighlight: true,
autoclose: true});
});

我已经尝试了一些jquery，但不起作用。

$(document).on("change", "#date-input", function () {
var date = new Date($('#date-input').val());
day = date.getDate();
month = date.getMonth() + 1;
year = date.getFullYear();
alert([day, month, year].join('/'));
});

任何人都知道如何实现这一目标。提前谢谢。

Answer 1

查看此小提琴以快速实现。

你的Javascript需要解析从datepicker元素的dateChange事件发回的数据

。

picker.on("changeDate", function(e) {
div1.text(e.date.getDate());
var month = getMonthName(e.date.getMonth());
var year = ("" + e.date.getYear()).substr(1, 3);
div2.text(month + " '" + year);
div3.text(getDayOfWeek(e.date.getDay()));
});

getMonthName和getDayOfWeek函数只是接收一个整数并返回相应的月/日。

从听起来，你对Javascript相对较新。我强烈建议您完全了解如何使用Javascript和jQuery。 有关详细信息，请参阅以下资源：
* JS 日期和实用程序
* jQuery .text((
* 引导日期选择器更改日期文档