0

この jquery コードを使用して、ユーザーが日付を選択したときに datePicker から日付を取得し、BeginForm() を使用して日付を文字列としてコントローラーに送信するにはどうすればよいですか? タグ間のコードにアクセスして、剃刀と asp.net コードで使用するにはどうすればよいですか?

フォーラムでいくつかのヒントに従って試してみましたが、うまくいきませんでした。

<script type="text/javascript">

    $(function () {
        onSelect: Function(dateText, inst); 
        {
            var theDate = $("#date").datepicker('getDate');
            var dateAsObject = $(this).datepicker('getDate');
        }

     String selectedDate"";
    selectedDate=theDate.toString();


         });

したがって、提案の後、私はこれをやろうとしました：

    <script type="text/javascript">
        $(function () {      
                $(".datepicker").datepicker({dateFormat: 'yy.mm.dd'})
        });  
        </script>

@using (Html.BeginForm("Action", "Controller",  new { @id = "formName", @Name = "formName" }))
{
 Date: <input type="text" class="datepicker" onchange="$('#formName').submit();"
 }

次に、コントローラーで：

public ActionResult myMethod(DateTime?  date=null)
{
if if (date != null)
            { 
            //do 
            }
}

コントローラーでは、日付は常に null です。GeginForm の名前を間違っていますか?

4

2 に答える 2

0

altFieldおよびオプションを使用して日付を選択すると、代替フィールドに独自の日付形式を設定できaltFormatます。この機能を使用して、ユーザーが選択するために人間にわかりやすい日付を提示し、さらに処理するためにコンピューターにわかりやすい日付を渡すことができます。

コード：

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Datepicker - Populate alternate field</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <link rel="stylesheet" href="/resources/demos/style.css" />
    <script>
    $(function() {
        $( "#datepicker" ).datepicker({
            altField: "#alternate",
            altFormat: "DD, d MM, yy"
        });
    });
    </script>
</head>
<body>

<p>Date: <input type="text" id="datepicker" />&nbsp;<input type="text" id="alternate" size="30" /></p>


</body>
</html>

お役に立てれば！

于 2012-11-16T07:13:43.677 に答える
0

あなたは複雑なものを持っています。入力に ​​onchange イベントを使用するだけで、datepicker が変更を行うと、アクションが起動されます。

コントローラ：

          // You can use "String?" type here
public ActionResult Index(DateTime? date = null)
{
    if (date != null)
    {
        // Your Logic Here!
    }
}

意見：

<script type="text/javascript">
    $(function() {
        $( ".datepicker" ).datepicker({ dateFormat: 'yy.mm.dd' });
    });
</script>
<input type="text" class="datepicker" onchange="$('#YourForm').submit();" />

また、ユーザーが選択した日付がいつでもその日付のデータを表示するためにこれを使用します。簡単で速い..

于 2012-11-16T07:32:59.723 に答える