datetimepicker.anubis 2.74 KB
/*
 * Created by PyramIDE.
 * User: フランスのトトロ
 * Date: 16/11/2014
 * Time: 12:14
 * © Calexium
 */

read calexium_lib/web/CXM_making_a_web_site.anubis
read calexium_lib/web/CXM_jquery.anubis

/* Initialize jQuery ui datetimepicker */
 public define List(HTML_Head_Tag)
  jq_ui_datetimepicker_init
  =
    [
      css(css_file("/css/jquery/ui/datetimepicker.css")),
      js(js_file("js/jquery/ui/jquery-ui-timepicker-addon.js")),
      js_inline(jquery_ready("// Datepicker\n
                               $('.datepicker').datepicker({inline: true});
                               $('.datetimepicker').datetimepicker({inline: true});
                               "))
    ]
  .


/* Initialize jQuery datetimepicker */
public define List(HTML_Head_Tag)
  jq_datetimepicker_init
  (
    String  lang,
    Bool add_icon
  )
  =
    [
      css(css_file("js/jquery/plug-in/datetimepicker/datetimepicker.css")),
      js(js_file("js/jquery/plug-in/datetimepicker/datetimepicker.min.js")),
      js_inline(jquery_ready("// Datetimepicker\n
                               $('.datepicker').datetimepicker({lang:'"+lang+"',timepicker:false,format:'d/m/Y'});
                               $('.datetimepicker').datetimepicker({lang:'"+lang+"',format:'Y-m-d H:i'});
                               $('.timepicker').datetimepicker({lang:'"+lang+"',datepicker:false,format:'H:i',step:5});
                               " + if add_icon then "
                                  var items_add_func = function (index) {
                                      var icon_file = 'icon_calendar.gif';
                                      var dt_picker = $(this);
                                      
                                      if (dt_picker.hasClass('timepicker')) {
                                        icon_file = 'icon_clock.gif';
                                      }
                                      
                                      var icon = $('<img src=\"icons/16x16/'+icon_file+'\"/>');
                                      
                                      icon.click(function () { dt_picker.datetimepicker('show'); });
                                      icon.hover(function() { $(this).css('cursor','pointer'); });
                                      dt_picker.after(icon);
                                    };
                                  
                                  $('.datepicker').each(items_add_func);
                                  $('.datetimepicker').each(items_add_func);
                                  $('.timepicker').each(items_add_func);
                                " else ""))
    ]
  .

public define List(HTML_Head_Tag)
  jq_datetimepicker_init
  (
    String  lang
  )
  = jq_datetimepicker_init(lang, true).