ブログマスター

デートピッカーを利用するには、あらかじめ jquery 本体と、 jquery-ui.min.js を読込んでおく必要があります。
例えば、以下のような感じ。

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

1 2	<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

実際に日本がする部分は以下の通りです。

$(function(){
$.datepicker.regional.ja = {
closeText: "閉じる",
prevText: "<前",
nextText: "次>",
currentText: "今日",
monthNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
monthNamesShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
dayNames: ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"],
dayNamesShort: ["日", "月", "火", "水", "木", "金", "土"],
dayNamesMin: ["日", "月", "火", "水", "木", "金", "土"],
weekHeader: "週",
dateFormat: "yy/mm/dd",
firstDay: 0,
isRTL: false,
showMonthAfterYear: true,
yearSuffix: "年"
}, $.datepicker.setDefaults($.datepicker.regional.ja)});
}

$(function(){

$.datepicker.regional.ja = {

closeText: "閉じる",

prevText: "<前",

nextText: "次>",

currentText: "今日",

monthNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],

monthNamesShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],

dayNames: ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"],

dayNamesShort: ["日", "月", "火", "水", "木", "金", "土"],

dayNamesMin: ["日", "月", "火", "水", "木", "金", "土"],

weekHeader: "週",

dateFormat: "yy/mm/dd",

firstDay: 0,

isRTL: false,

showMonthAfterYear: true,

yearSuffix: "年"

}, $.datepicker.setDefaults($.datepicker.regional.ja)});

}

あとは普通にデートピッカーを実行すれば OK です。

全体としては以下のようになります。

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

<script>
$(function(){
$.datepicker.regional.ja = {
closeText: "閉じる",
prevText: "<前",
nextText: "次>",
currentText: "今日",
monthNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
monthNamesShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
dayNames: ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"],
dayNamesShort: ["日", "月", "火", "水", "木", "金", "土"],
dayNamesMin: ["日", "月", "火", "水", "木", "金", "土"],
weekHeader: "週",
dateFormat: "yy/mm/dd",
firstDay: 0,
isRTL: false,
showMonthAfterYear: true,
yearSuffix: "年"
}, $.datepicker.setDefaults($.datepicker.regional.ja)});
}

$('セレクタ').datepicker();
</script>

$(function(){

$.datepicker.regional.ja = {

closeText: "閉じる",

prevText: "<前",

nextText: "次>",

currentText: "今日",

monthNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],

monthNamesShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],

dayNames: ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"],

dayNamesShort: ["日", "月", "火", "水", "木", "金", "土"],

dayNamesMin: ["日", "月", "火", "水", "木", "金", "土"],

weekHeader: "週",

dateFormat: "yy/mm/dd",

firstDay: 0,

isRTL: false,

showMonthAfterYear: true,

yearSuffix: "年"

}, $.datepicker.setDefaults($.datepicker.regional.ja)});

}

$('セレクタ').datepicker();

</script>

下記コードを実行すると、配列の行と列を入れ替えることができます。

$array = [ ["a", "b", "c"], ["1", "2", "3"], ["あ", "い", "う"] ];

$new_array = array_map( null, $array[0], $array[1], $array[2] );

$array = [ ["a", "b", "c"], ["1", "2", "3"], ["あ", "い", "う"] ];

$new_array = array_map( null, $array[0], $array[1], $array[2] );

＜結果＞

array(3) {
  [0]=>
  array(3) {
    [0]=>
    string(1) "a"
    [1]=>
    string(1) "1"
    [2]=>
    string(3) "あ"
  }
  [1]=>
  array(3) {
    [0]=>
    string(1) "b"
    [1]=>
    string(1) "2"
    [2]=>
    string(3) "い"
  }
  [2]=>
  array(3) {
    [0]=>
    string(1) "c"
    [1]=>
    string(1) "3"
    [2]=>
    string(3) "う"
  }
}

array(3) {

[0]=>

array(3) {

[0]=>

string(1) "a"

[1]=>

string(1) "1"

[2]=>

string(3) "あ"

}

[1]=>

array(3) {

[0]=>

string(1) "b"

[1]=>

string(1) "2"

[2]=>

string(3) "い"

}

[2]=>

array(3) {

[0]=>

string(1) "c"

[1]=>

string(1) "3"

[2]=>

string(3) "う"

}

日	月	火	水	木	金	土
« 6月
					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

MEMO REAL

備忘録

作成者アーカイブ: ブログマスター

ブログマスターの紹介

【jQuery】デートピッカーの日本語化

【プラグイン】Advanced Schedule Posts

【プラグイン】File Manager

【WordPress】WP MW Form のセレクタで「選択してください」を入れる

【PHP】配列の列と行を入れ替える

ブログマスター の紹介

ブログマスターの紹介