| 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 | } |
|---|