EasyUI Forum
October 17, 2025, 01:17:13 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: easyui-datetimebox: how to close (after setting date)?  (Read 6327 times)
rannacher
Jr. Member
**
Posts: 52


View Profile
« 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.

Code:
                      <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;
  }

Logged
rannacher
Jr. Member
**
Posts: 52


View Profile
« Reply #1 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
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!