Title: easyui-datetimebox: how to close (after setting date)?
Post by: rannacher on January 28, 2019, 12:45:45 AM
Hello, I am using easyui-datetimebox with format DD.MM.YYYY HH:MM:SS and after selecting a date in the calendar I assign the date and time there, which works fine, but also want to CLOSE the easyui-datetimebox (which is not doing automatically). Thx a lot in advance! BR Michael. <input id="anfrage_am_date_anfrage" class="easyui-datetimebox"
data-options="
width: 160,
required:true,
formatter: mydtformatter,
parser: mydtparser,
currentText: 'Heute',
closeText: 'Schließen',
showSeconds: false,
onSelect: function(value)
{
var c = $('#anfrage_am_date_anfrage').datetimebox('calendar');
var t = $('#anfrage_am_date_anfrage').datetimebox('spinner');
var day = c.calendar('options').current;
var time = t.timespinner('getValue');
var y = day.getFullYear();
var m = day.getMonth()+1;
var d = day.getDate();
var myday = String(d<10?('0'+d):d)+'.'+String(m<10?('0'+m):m)+'.'+String(y);
var mydate = strip( myday + ' ' + time + ':00' );
$('#anfrage_am_date_anfrage').datetimebox('setValue', mydate);
// WHAT TO CALL TO CLOSE datetimebox here?
//....
}
">
with
function mydtformatter(date)
{
//alert('mydtformatter(date) date=['+ date +']');
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
var s1 = String(d<10?('0'+d):d) + '.' + String(m<10?('0'+m):m) + '.' + String(y);
var hh = date.getHours();
var mm = date.getMinutes();
var ss = date.getSeconds();
var s2 = String(hh<10?('0'+hh):hh) + ':' + String(mm<10?('0'+mm):mm) + ':' + String(ss<10?('0'+ss):ss);
//alert('mydtformatter(date) return date=['+ s1 + ' ' + s2 +']');
return s1 + ' ' + s2;
}
function mydtparser(s)
{
//alert('mydtparser(s) s=['+ s +']');
if ( (!s) || ($.trim(s) == '') )
{return new Date();}
var dt = s.split(' ');
var dateFormat = dt[0].split('.');
var timeFormat = dt[1].split(':');
var date = new Date( parseInt(dateFormat[2]),parseInt(dateFormat[1])-1,parseInt(dateFormat[0]) );
if (dt.length>1){
date.setHours(timeFormat[0]);
date.setMinutes(timeFormat[1]);
date.setSeconds(timeFormat[2]);
}
//alert('mydtparser(s) return date=['+ date +']');
return date;
}
Title: Re: easyui-datetimebox: how to close (after setting date)?
Post by: rannacher on January 28, 2019, 02:01:23 AM
colleague gave me this hint, which is the solution.
$('#anfrage_am_date_anfrage').datetimebox('hidePanel');
Topics solved and closed - THX
|