1

これは機能するはずですが、そうではありません。どこで間違ったのですか？

<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />

<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>

<script type="text/javascript">
window.onload = function(){
    new JsDatePick({
        useMode:2,
        target:"inputField",
        dateFormat:"%j-%n-%Y"
    });
};
</script>

これは日付ピッカー スクリプトで、1 つのページに 1 つの日付ピッカーを使用しても問題なく動作しますが、私の要件はそれらを 2 つ持つことです。

やった ：

 From Date :<input type="text" size="12"  name="date1" id="inputField"    
readonly="readonly"/>  


To Date :<input type="text" size="12"  name="date2" id="inputField"  
readonly="readonly"/>

しかし、それは機能していません。日付ピッカーは、2 番目の入力フィールドに対してのみ表示されます。2 つの ID を作成する場合、同じ関数を 2 回作成する必要がありますか? 私もそうしましたが、助けにはなりません。

4

2 に答える 2

3

同じページ内の 2 つの要素が同じ を持つことはできません id。次のコードを試すことができます。

<script type="text/javascript">
window.onload = function(){
 new JsDatePick({
    useMode:2,
    target:"inputField",
    dateFormat:"%j-%n-%Y"
});

 new JsDatePick({
    useMode:2,
    target:"inputField2",
    dateFormat:"%j-%n-%Y"
});
};
</script>

HTML は次のようになります。

 From Date :<input type="text" size="12"  name="date1" id="inputField"    
readonly="readonly"/>



To Date :<input type="text" size="12"  name="date2" id="inputField2"  
readonly="readonly"/>

それが役に立てば幸い。

于 2012-09-21T10:22:37.420 に答える
2

タイムピッカーごとに異なるターゲットを使用してみてください。

<script type="text/javascript">
window.onload = function(){
 new JsDatePick({
    useMode:2,
    target:"inputField",
    dateFormat:"%j-%n-%Y"
});
 new JsDatePick({
    useMode:2,
    target:"inputField2",
    dateFormat:"%j-%n-%Y"
});

};
</script>
于 2012-09-21T10:13:51.787 に答える