aboutsummaryrefslogtreecommitdiffstats
path: root/admin/themes/default/js/datepicker.js
blob: 493bc8d1bada7a6358233cf8a4961ace38b6a986 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
jQuery.timepicker.log = jQuery.noop; // that's ugly, but the timepicker is acting weird and throws parsing errors

jQuery.fn.pwgDatepicker = function(settings) {
  var options = jQuery.extend(true, {
    showTimepicker: false,
    cancelButton: false,
  }, settings || {});

  return this.each(function() {
    var $this = jQuery(this),
        originalValue = $this.val(),
        originalDate,
        $target = jQuery('[name="'+ $this.data('datepicker') +'"]'),
        linked = !!$target.length,
        $start, $end;
    
    if (linked) {
      originalValue = $target.val();
    }

    // custom setter
    function set(date, init) {
      if (date === '') date = null;
      $this.datetimepicker('setDate', date);
      
      if ($this.data('datepicker-start') && $start) {
        $start.datetimepicker('option', 'maxDate', date);
      }
      else if ($this.data('datepicker-end') && $end) {
        if (!init) { // on init, "end" is not initialized yet (assuming "start" is before "end" in the DOM)
          $end.datetimepicker('option', 'minDate', date);
        }
      }
      
      if (!date && linked) {
        $target.val('');
      }
    }

    // and custom cancel button
    if (options.cancelButton) {
      options.beforeShow = options.onChangeMonthYear = function() {
        setTimeout(function() {
          var buttonPane = $this.datepicker('widget')
              .find('.ui-datepicker-buttonpane');
          
          if (buttonPane.find('.pwg-datepicker-cancel').length == 0) {
            $('<button type="button">'+ options.cancelButton +'</button>')
              .on('click', function() {
                set(originalDate, false);
                $this.datepicker('hide').blur();
              })
              .addClass('pwg-datepicker-cancel ui-state-error ui-corner-all')
              .appendTo(buttonPane);
          }
        }, 1);
      };
    }

    // init picker
    $this.datetimepicker(jQuery.extend({
      dateFormat: linked ? 'DD d MM yy' : 'yy-mm-dd',
      timeFormat: 'HH:mm',
      
      altField: linked ? $target : null,
      altFormat: 'yy-mm-dd',
      altTimeFormat: options.showTimepicker ? 'HH:mm:ss' : '',
      
      autoSize: true,
      changeMonth : true,
      changeYear: true,
      yearRange: 'c-80:c+20',
      altFieldTimeOnly: false,
      showSecond: false,
      alwaysSetTime: false
    }, options));
    
    // attach range pickers
    if ($this.data('datepicker-start')) {
      $start = jQuery('[data-datepicker="'+ $this.data('datepicker-start') +'"]');
      
      $this.datetimepicker('option', 'onClose', function(date) {
        $start.datetimepicker('option', 'maxDate', date);
      });
      
      $this.datetimepicker('option', 'minDate', $start.datetimepicker('getDate'));
    }
    else if ($this.data('datepicker-end')) {
      $end = jQuery('[data-datepicker="'+ $this.data('datepicker-end') +'"]');
      
      $this.datetimepicker('option', 'onClose', function(date) {
        $end.datetimepicker('option', 'minDate', date);
      });
    }
    
    // attach unset button
    if ($this.data('datepicker-unset')) {
      jQuery('#'+ $this.data('datepicker-unset')).on('click', function(e) {
        e.preventDefault();
        set(null, false);
      });
    }
    
    // set value from linked input
    if (linked) {
      var splitted = originalValue.split(' ');
      if (splitted.length == 2 && options.showTimepicker) {
        set(jQuery.datepicker.parseDateTime('yy-mm-dd', 'HH:mm:ss', originalValue), true);
      }
      else if (splitted[0].length == 10) {
        set(jQuery.datepicker.parseDate('yy-mm-dd', splitted[0]), true);
      }
      else {
        set(null, true);
      }
    }
    
    originalDate = $this.datetimepicker('getDate');
    
    // autoSize not handled by timepicker
    if (options.showTimepicker) {
      $this.attr('size', parseInt($this.attr('size'))+6);
    }
  });
};