daterangepickerを使ってカレンダーから日付を選択し、inputのvalueを書き換えようとしています。
html
1<input name="daterange" type="text" value="2017" class="datepicker form-control align-center"> 2 <input id="daterange-year" type="hidden" name="obj_year" value="2017"> 3 <input id="daterange-month" type="hidden" name="obj_month" value="6"> 4 <input id="daterange-day" type="hidden" name="obj_day" value="30"> 5
javascript
1$('input[name="daterange"]').daterangepicker( 2{ 3 locale: { 4 format: 'YYYY-MM-DD' 5 }, 6 startDate: '2016-12-21', 7 endDate: '2016-12-22' 8}, 9 10function(start, end, label) { 11 console.log(start.format('YYYY')); 12});
このファンクション内ではconsole.logにちゃんと2017といったような、選択した値が表示されますが、
javascript
1$('input[name="daterange"]').daterangepicker( 2{ 3 locale: { 4 format: 'YYYY-MM-DD' 5 }, 6 startDate: '2016-12-21', 7 endDate: '2016-12-22' 8}, 9 10function(start, end, label) { 11}); 12console.log(start.format('YYYY'));
ファンクションの外だと表示されません。
最終的に、カレンダーで選択した値をinputのvalueに入れたいので、
javascript
1$('input[name="daterange"]').daterangepicker( 2{ 3 locale: { 4 format: 'YYYY-MM-DD' 5 }, 6 startDate: '2016-12-21', 7 endDate: '2016-12-22' 8}, 9 10function(start, end, label) { 11document.getElementById('daterange-year').value = start.format('YYYY'); 12}); 13
のような形で書き換えを行えれば、と思ったのですが、
ファンクションの外にあるせいか、できません。。
どなたかご教授いただけませんでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/12/21 11:44
2016/12/21 11:58
2016/12/21 12:11
2016/12/21 12:28
2016/12/21 12:47
2016/12/22 09:55
2016/12/23 16:38
2016/12/25 05:37
2016/12/25 06:08 編集