mirror/php-e107
1
0
Fork 0
mirror of https://github.com/e107inc/e107.git synced 2025-08-16 03:24:20 +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

102
e107_handlers/form_handler.php
View File

@@ -1004,8 +1004,6 @@ class e_form
}
}
$text = "";
$class = (isset($classes[$type])) ? $classes[$type] : "tbox e-date";
$size = vartrue($options['size']) ? intval($options['size']) : 40;
$required = vartrue($options['required']) ? "required" : "";
@@ -1013,114 +1011,32 @@ class e_form
$xsize = (vartrue($options['size']) && !is_numeric($options['size'])) ? $options['size'] : 'xlarge';
$disabled = vartrue($options['disabled']) ? "disabled" : "";
$text = "";
if(vartrue($options['inline']))
{
$text .= "<div class='{$class}' id='inline-{$id}' data-date-format='{$dformat}' data-date-ampm='{$ampm}' data-date-firstday='{$firstDay}' ></div>
<input type='hidden' name='{$name}' id='{$id}' value='{$value}' data-date-format='{$dformat}' data-date-ampm='{$ampm}' data-date-firstday='{$firstDay}' />
";
$text .= "<div class='{$class}' id='inline-{$id}' data-date-format='{$dformat}' data-date-ampm='{$ampm}' data-date-firstday='{$firstDay}'></div>";
$text .= "<input type='hidden' name='{$name}' id='{$id}' value='{$value}' data-date-format='{$dformat}' data-date-ampm='{$ampm}' data-date-firstday='{$firstDay}' />";
}
else
{
$text .= "<input class='{$class} input-".$xsize." form-control' type='text' size='{$size}' id='e-datepicker-{$id}' value='{$value}' data-date-unix ='{$useUnix}' data-date-format='{$dformat}' data-date-ampm='{$ampm}' data-date-language='".e_LAN."' data-date-firstday='{$firstDay}' {$required} {$disabled} />";
$text .= "<input class='{$class} input-".$xsize." form-control' type='text' size='{$size}' id='e-datepicker-{$id}' value='{$value}' data-date-unix ='{$useUnix}' data-date-format='{$dformat}' data-date-ampm='{$ampm}' data-date-language='".e_LAN."' data-date-firstday='{$firstDay}' {$required} {$disabled} />";
$ftype = (!empty($options['debug'])) ? 'text' : 'hidden';
$text .= "<input type='{$ftype}' name='{$name}' id='{$id}' value='{$hiddenValue}' />";
}
// $text .= "ValueFormat: ".$dateFormat." Value: ".$value;
// $text .= " ({$dformat}) type:".$dateFormat." ".$value;
// Load it in the footer.
e107::css('core', 'bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css', 'jquery');
e107::js('core', 'bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js', 'jquery', 2);
// FIXME use Library Manager (e107::library()) instead?
e107::css('core', 'bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css', 'jquery');
e107::js('core', 'bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js', 'jquery', 2);
e107::js('core', 'bootstrap-datetimepicker/js/bootstrap-datetimepicker.init.js', 'jquery', 2);
if(e_LANGUAGE !== 'English')
{
e107::js('footer-inline', e107::getDate()->buildDateLocale());
}
e107::js('footer-inline', '
// Fix for changeDate() not being fired when value manually altered.
$("input.e-date,input.e-datetime").on("change", function(){
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);
}
});
$("input.e-date").each(function() {
$(this).datetimepicker({
minView: "month",
maxView: "decade",
autoclose: true,
format: $(this).attr("data-date-format"),
weekStart: $(this).attr("data-date-firstday"),
language: $(this).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);
})
});
$("input.e-datetime").each(function() {
$(this).datetimepicker({
autoclose: true,
format: $(this).attr("data-date-format"),
weekStart: $(this).attr("data-date-firstday"),
showMeridian: $(this).attr("data-date-ampm"),
language: $(this).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);
})
});
');
return $text;
}