0

こんにちはフォークス私はこれで私の髪を引っ張っています。

日付ピッカーJQUERYUIコントロールに何にも応答させることはできません。次のコードはアラートを表示しますが、日付ピッカーは、設定した値に関係なく、単なるデフォルト設定です。以下のコードでは、1か月が表示され、デフォルトの日付は設定されていません。

$(document).ready(function () {

    onload:
    {
        alert(1);
        $('#FirstPeriodReconDate').datepicker({ defaultDate: "+1w",
            changeMonth: false,
            numberOfMonths: 3
        });
        alert(2);........

最後の捨てられた試みとして、私はJQUERYのバージョンをアップグレードしましたが、それでも同じで、違いはありませんでした。私のアプリケーションでは、datepickerを使用して値を設定し、それが広く使用されており、すべてが良好です。コントロールインスタンスに変更を加える必要があるのはこれが初めてです。他のすべてのJQUERYコードを削除し、簡単な例を残しましたが、まだ何もありません。

これが私のHTMLマークアップからの抜粋です。注意:コントロールは、フォームがデータベースに保存して値などを表示するように細かく参照できます。私が言ったように、コントロールのプロパティを変更しようとする場合を除いて、すべてが機能します。

                    <li>
                        <label for="FirstPeriodReconDate">
                            <strong>First Recon Date:</strong>
                            </label>
                        <%= Html.TextBox("FirstPeriodReconDate", String.Format("{0:dd/MM/yyyy}",

Model.PaymentFrequency.FirstPeriodReconDate)、new {@class = "date"})%> <%= Html.ValidationMessage( "FirstPeriodReconDate"、 "*")%>

誰もが何かを提案します、J

すべてのDATEフィールドに含まれ、実行されているグローバルコードがあることに気付きました。これは、新しいコードの実行後に実行されているように見えます。まだ理解していませんが、必要に応じてカスタム動作を行えるように、新しいクラスを作成する必要があるかもしれません。私はこれを含むglobal.jsを持っています:

$(function(){$('。date')。datepicker({showOn:'button'、buttonImage:$( "#AbsolutePath")。val()+'Content / images / Control_MonthCalendar.bmp'、buttonText: ' Enter Date'、buttonImageOnly:true、dateFormat:' dd / mm / yy'、yearRange:' -20:+ 50'、changeMonth:true、changeYear:true});...........。

4

2 に答える 2

0

http://jqueryui.com/demos/datepicker/#optionsに示すように形式を変更してみてください。

HTMLヘッドに次の関数を追加します。

<script type="text/javascript">
function  changeFormat() {
    $("#FirstPeriodReconDate").datepicker("option", "defaultDate", +1 );
    $("#FirstPeriodReconDate").datepicker( "option", "changeMonth", true );
    $("#FirstPeriodReconDate").datepicker( "option", "numberOfMonths", 5);
}
</script>

たとえば、どこからでも呼び出すことができます。

<input type="button" value="click" onclick="changeFormat()"/>

または、ページが読み込まれたときに呼び出す場合は、次のようにします。

<body onload="changeFormat()">
...
...
</body>
于 2012-05-28T09:49:28.953 に答える
0
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Format date</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-    ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker();
$( "#format" ).change(function() {
    $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
});
});
</script>
</head>
<body>

<p>Date: <input type="text" id="datepicker" size="30" /></p>

<p>Format options:<br />
<select id="format">
<option value="mm/dd/yy">Default - mm/dd/yy</option>
<option value="yy-mm-dd">ISO 8601 - yy-mm-dd</option>
<option value="d M, y">Short - d M, y</option>
<option value="d MM, y">Medium - d MM, y</option>
<option value="DD, d MM, yy">Full - DD, d MM, yy</option>
<option value="'day' d 'of' MM 'in the year' yy">With text - 'day' d 'of' MM 'in the      year' yy</option>
</select>
</p>
于 2013-06-17T09:56:31.863 に答える