jquery UIのdatepickerについて

Question

jquery UIのdatepickerを実装していますが、inputに入力された日付を取得できません。
consoleに値が入ってこないので、datepicker以降が動いていないと思うのですが...。
いろいろなサイトを調べたのですが解決策がわからなかったので、ご教授お願いいたします。

//jquery
<script type="text/javascript">
	$(function(){
		$("input[name='order:created[from]']").datepicker({
			onSelect: function(dateText, inst){
				console.log(dateText);
				$("input[name='order:created[to]']").val(dateText);
			}
		});
	});
</script>

//HTML
<input type="text" name="order:created[from]" value="" 
class="form-control input-sm  datepicker hasDatepicker" placeholder="開始: 注文時間" 
id="dp1459994590337">

<input type="text" name="order:created[to]" value="" 
class="form-control input-sm  datepicker hasDatepicker" 
placeholder="終了: 注文時間" id="dp1459994590338">

ちなみに、idは社内フレームワークで自動的に作られるものです。

Answer 1

失礼しました。
class指定されている「hasDatepicker」が悪いようです。
このクラス名を取り除くと正常に動作します。

Comments

[Hiroaki-Yamada]

早速のご回答ありがとうございます。
ご指摘の通りに
$(function(){
$("input[name='order:created[from]']").datepicker({
onSelect : function(dateText, inst){
console.log($(this).val());
}
});
});
と書いてみたのですがダメでした。

[tkturbo]

回答を修正しましたが、inputタグに設定されている「hasDatepicker」クラスがDatePicker自体の動きを阻害しているようです。
このクラスを削除することはできませんか？

[Hiroaki-Yamada]

ご回答ありがとうございます。hasDatepickerクラスをjqueryで削除しました。
が、それでも値が取得できていませんでした。

// JS
$(function(){
$("input[name='order:created[from]']").removeClass('hasDatepicker');
$("input[name='order:created[to]']").removeClass('hasDatepicker');
});

$("input[name='order:created[from]']").datepicker({
onSelect : function(dateText, inst){
console.log($(this).val());
}
});

// HTML
<input type="text" name="order:created[from]" value="" class="form-control input-sm datepicker" placeholder="開始: 注文時間" id="dp1460005881015">

ちなみに、hasDatepickerクラスもシステムで自動的に付けられるものなので
jqueryで無理やり削除してもダメなのかな...。

[tkturbo]

確認ですが、このjavascriptをどこに書かれてますか？

<script>
// この位置にかかれてるならたぶん実行されてない
$(function(){
// この位置にかかれてるならOK
});
// この位置にかかれてるならたぶん実行されてない
$(document).ready(function(){
// この位置にかかれてるならOK
});
// この位置にかかれてるならたぶん実行されてない
</script>

[Hiroaki-Yamada]

<script>
$(function(){
// removeClassの処理
});

// datepickerの処理
</script>

ご説明の通りですと、removeClassの処理が上から2番目の位置で
datepickerの処理が上から3番目の位置になります。
datepickerの書く位置が間違っているということですね？

[tkturbo]

datepickerの部分をremoveClassのすぐ次に移して試してみてください

[Hiroaki-Yamada]

できました!! ありがとうございます。