いま、DatePickerに関する処理があるファイルに記述されていたとします。
<!doctype html>
<html lang="ja">
<head>
</head>
<body>
<input class="form-control date-picker-yearmonth" type="text" name="mypicker" placeholder="表示終了年月を選択" id="scope-until" value="2019年08月まで">
<script src="/js/jquery-1.11.1.js"></script>
<script src="/js/formdaterangepicker.js"></script>
</body>
</html>
detepickerの書式設定に関してはformdaterangepicker.jsに保存してあり、クラス名に応じて今回はフォームを整形できるように記述しています。
今ここで、このhtml内においてのみdate-pickerの日付変更に関するイベントによる処理を実行したいときは、
<!doctype html>
<html lang="ja">
<head>
</head>
<body>
<input class="form-control date-picker-yearmonth" type="text" name="mypicker" placeholder="表示終了年月を選択" id="scope-until" value="2019年08月まで">
<script src="/js/jquery-1.11.1.js"></script>
<script src="/js/formdaterangepicker.js"></script>
<script type="text/javascript">
$('.date-picker-yearmonth').on({
changeDate:
function(obj) {
console.log("Date Changed!");
console.log(obj.date);
}
});
</script>
</body>
</html>
とするとイベントを発生させられます。
