mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-05 22:27:34 +02:00
Code Issues Releases Wiki Activity

Use JS behavior to initialize datepicker.

Browse Source
This commit is contained in:
lonalore
2016-06-09 11:50:45 +02:00
parent f1846dc955
commit f74e7c15e9
2 changed files with 92 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
e107_web/js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.init.js vendored Normal file
View File

@@ -0,0 +1,83 @@
// If you don't insert this line into your JS, you may see the error: e107 is not defined.
var e107 = e107 || {'settings': {}, 'behaviors': {}};
(function ($) {
/**
* Behavior to initialize date-time-picker on elements.
*
* @type {{attach: e107.behaviors.bootstrapDatetimepickerInit.attach}}
*/
e107.behaviors.bootstrapDatetimepickerInit = {
attach: function (context, settings) {
$(context).find('input.e-date,input.e-datetime').once('datetimepicker-onchange-init').each(function () {
var $item = $(this);
// Fix for changeDate() not being fired when value manually altered.
$item.on("change", function () {
var $this = $(this);
var useUnix = $this.attr("data-date-unix");
if (useUnix !== "true") {
var id = $this.attr("id");
var newTarget = "#" + id.replace("e-datepicker-", "");
var newValue = $this.val();
$(newTarget).val(newValue);
}
});
});
$(context).find('input.e-date').once('datetimepicker-init').each(function () {
var $item = $(this);
$item.datetimepicker({
minView: "month",
maxView: "decade",
autoclose: true,
format: $item.attr("data-date-format"),
weekStart: $item.attr("data-date-firstday"),
language: $item.attr("data-date-language")
}).on("changeDate", function (ev) {
var useUnix = $(this).attr("data-date-unix");
var newValue = "";
var newTarget = "#" + ev.target.id.replace("e-datepicker-", "");
if (useUnix === "true") {
newValue = parseInt(ev.date.getTime() / 1000);
}
else {
newValue = $("#" + ev.target.id).val();
}
$(newTarget).val(newValue);
});
});
$(context).find('input.e-date').once('datetimepicker-init').each(function () {
var $item = $(this);
$item.datetimepicker({
autoclose: true,
format: $item.attr("data-date-format"),
weekStart: $item.attr("data-date-firstday"),
showMeridian: $item.attr("data-date-ampm"),
language: $item.attr("data-date-language")
}).on("changeDate", function (ev) {
var useUnix = $(this).attr("data-date-unix");
var newValue = "";
var newTarget = "#" + ev.target.id.replace("e-datepicker-", "");
if (useUnix === "true") {
newValue = parseInt(ev.date.getTime() / 1000);
}
else {
newValue = $("#" + ev.target.id).val();
}
$(newTarget).val(newValue);
})
});
}
};
})(jQuery);