1 | $(function(){ |
---|
2 | $.datepicker.setDefaults( $.datepicker.regional[ "ja" ] ); |
---|
3 | $( "#datepicker" ).datepicker({ |
---|
4 | beforeShowDay: function(date) { |
---|
5 | if(date.getDay() == 0) { |
---|
6 | return [true,"date-sunday"]; |
---|
7 | } else if(date.getDay() == 6){ |
---|
8 | return [true,"date-saturday"]; |
---|
9 | } else { |
---|
10 | return [true]; |
---|
11 | } |
---|
12 | },changeMonth: 'true' |
---|
13 | ,changeYear: 'true' |
---|
14 | ,onSelect: function(dateText, inst){ |
---|
15 | setDate(dateText); |
---|
16 | }, |
---|
17 | showButtonPanel: true, |
---|
18 | beforeShow: showAdditionalButton, |
---|
19 | onChangeMonthYear: showAdditionalButton |
---|
20 | }); |
---|
21 | |
---|
22 | $("#datepicker").blur( function() { |
---|
23 | var dateText = $(this).val(); |
---|
24 | setDate(dateText); |
---|
25 | }); |
---|
26 | |
---|
27 | }); |
---|
28 | |
---|
29 | var showAdditionalButton = function (input) { |
---|
30 | setTimeout(function () { |
---|
31 | var buttonPane = $(input) |
---|
32 | .datepicker("widget") |
---|
33 | .find(".ui-datepicker-buttonpane"); |
---|
34 | var btn = $('<button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" type="button">Clear</button>'); |
---|
35 | btn |
---|
36 | .unbind("click") |
---|
37 | .bind("click", function () { |
---|
38 | $.datepicker._clearDate(input); |
---|
39 | $("*[name=year]").val(""); |
---|
40 | $("*[name=month]").val(""); |
---|
41 | $("*[name=day]").val(""); |
---|
42 | }); |
---|
43 | btn.appendTo(buttonPane); |
---|
44 | }, 1); |
---|
45 | }; |
---|
46 | function setDate(dateText){ |
---|
47 | var dates = dateText.split('/'); |
---|
48 | $("*[name=year]").val(dates[0]); |
---|
49 | $("*[name=month]").val(dates[1]); |
---|
50 | $("*[name=day]").val(dates[2]); |
---|
51 | } |
---|