[22159] | 1 | $(function(){ |
---|
| 2 | $.datepicker.setDefaults( $.datepicker.regional[ "ja" ] ); |
---|
| 3 | $( "#datepicker" ).datepicker({ |
---|
| 4 | beforeShowDay: function(date) { |
---|
| 5 | if(date.getDay() == 0) { |
---|
[22160] | 6 | return [true,"date-sunday"]; |
---|
[22159] | 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){ |
---|
[22174] | 15 | setDate(dateText); |
---|
[22160] | 16 | }, |
---|
| 17 | showButtonPanel: true, |
---|
| 18 | beforeShow: showAdditionalButton, |
---|
| 19 | onChangeMonthYear: showAdditionalButton |
---|
[22159] | 20 | }); |
---|
[22174] | 21 | |
---|
| 22 | $("#datepicker").blur( function() { |
---|
| 23 | var dateText = $(this).val(); |
---|
| 24 | setDate(dateText); |
---|
| 25 | }); |
---|
| 26 | |
---|
[22160] | 27 | }); |
---|
| 28 | |
---|
| 29 | var showAdditionalButton = function (input) { |
---|
| 30 | setTimeout(function () { |
---|
| 31 | var buttonPane = $(input) |
---|
| 32 | .datepicker("widget") |
---|
| 33 | .find(".ui-datepicker-buttonpane"); |
---|
[22174] | 34 | var btn = $('<button class="ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all" type="button">Clear</button>'); |
---|
[22160] | 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); |
---|
[22174] | 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 | } |
---|