I have input type text where I have initalized data and value from viewbag.
I am trying to handle and date change event when date changed But its not trigger the change event.
I am using bootstrap.min.js, moment.min.js bootstrap-datetimepicker.min.js javascript library.
<input type="text" class="form-control" style="display:inline-block;width:120px"
id="openItemFromDate"
data-begindate="@ViewBag.InitalDates[0]"
value="@ViewBag.InitalDates[0]">
var beginDate = new Date();
var endDate = new Date();
$('#openItemFromDate').datetimepicker({
format: 'MM/DD/YYYY',
icons: {
date: "fa fa-calendar",
up: "fa fa-arrow-up",
down: "fa fa-arrow-down"
}
});
$('#openItemToDate').datetimepicker({
format: 'MM/DD/YYYY',
icons: {
date: "fa fa-calendar",
up: "fa fa-arrow-up",
down: "fa fa-arrow-down"
}
});
$('#openItemFromDate').on('dp.change', function (e) {
beginDate = e.date.format("MM/DD/YYYY");
$(this).data('begindate', beginDate);
})
$('#openItemToDate').on('dp.change', function (e) {
endDate = e.date.format("MM/DD/YYYY");
$(this).data('endDate', endDate);
})