3

jQuery DateTimePickerで選択した日付を、入力フィールドからViewModelのDateTimeプロパティに投稿しようとしています。1/01/00010:00:00が解析され続けます。私のビューモデルを見てみましょう：

public class GameViewModel
{
    [Display(Name = "Home team")]
    public virtual String Home { get; set; }

    [Display(Name = "Away team")]
    public virtual String Away { get; set; }

    [Display(Name = "Kickoff time")]
    [DataType(DataType.DateTime)]
    public virtual DateTime GameTime { get; set; }

    [Display(Name = "Standard sharing on?")]
    public virtual Boolean IsStandardSharing { get; set; }

    //Hidden
    public virtual Guid PeriodId { get; set; }

}

これが入力フィールドの私のかみそりです：

@Html.EditorFor(m => m.GameTime)

そして最後に私のJavaScript

$('#GameTime').datetimepicker({
    constrainInput: true,
    firstDay: 1,
    monthNames: ['Januari', 'Februari', 'Maart', 'April', 'Mei', 'Juni', 'Juli', 'Augustus', 'September', 'Oktober', 'November', 'December'],
    monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'],
    dayNames: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
    dayNamesMin: ['Zo', 'Ma', 'Di', 'Wo', 'Do', 'Vr', 'Za'],
    timeText: "Tijdstip",
    hourText: "Uur",
    minuteText: "Minuut",
    currentText: "Nu",
    closeText: "Klaar",
    stepMinute: 5,
    hour: 12

});

$('#btnAddGame').click(function () {
    var testPeriodId = "245f83a2-52b5-4a21-815e-a0b40020d7ff";
    var valDdlHome = $('#Home').val();
    var valDdlAway = $('#Away').val();
    var valTxtGameTime = Date($('#GameTime').val());

    var valRdnIsStandardSharing = $('#IsStandardSharing').val();
    var postUrl = "/period/saveperiodgame/";

    $.post(
        postUrl,
        { Home: valDdlHome, Away: valDdlAway, GameTime: valTxtGameTime, IsStandardSharing: valRdnIsStandardSharing, PeriodId: testPeriodId },
        function (data) {
            if (data.Status == 200) {
                console.log("Game added. Id:" + data.Data);
                if ($('#emptyText').length > 0) {
                    $('#emptyText').hide();
                }
                MijnProno.fn.BuildPeriodGameTableRow(valTxtGameTime, valDdlHome, valDdlAway, data.Data);
            } else if (data.Status == 500) {
                console.log("Failed to add game");
            } else {
                console.log("Fault with Javascript");
            }
        }, "json"
    );
});

午後中ずっとSOで読んで答えを試していましたが、うまく機能しませんでした（重複の可能性があるため、このような質問をするのをいつも待ち望んでいます）。

非常に賛成の投稿をいくつか読んだ後、ViewModelに理解させるために、/ Date（1224043200000）/形式のように日付を投稿する必要があると思います。これは正しいですか？もしそうなら、どうすれば私のmm / dd / yyyy hh：ss形式をjsonに変換できますか？

4

3 に答える 3

6

最後に、この問題の解決策を見つけました。Scott Hanselmanによるブログ投稿が、私を解決策へと駆り立てました。これを除いて、日付を解析するためにあらゆる方法を試したに違いないと思います

//JAVASCRIPT CODE
var valTxtGameTime = $('#GameTime').val();    
new Date(valTxtGameTime).toJSON()

HTTP 投稿を確認すると、日付が次のように投稿されています...

2012-08-24T19:50:00.000Z

...そしてViewModelで正しく受信されました。

于 2012-08-21T21:38:28.800 に答える
0

datepicker 自体を使用して、日付を別の形式で解析できます。例えば

var valTxtGameTime =  $.datepicker.parseDate('dd/mm/yy', $('#GameTime').val());

ここに完全な参照があります。

これがあなたを助けることを願っています!!

于 2012-08-21T17:50:43.777 に答える
0

私のコメントを拡張するには、これを試してください：

$.post(
    postUrl,
    { Home: valDdlHome, Away: valDdlAway, GameTime: new Date(Date.parse(valTxtGameTime)), IsStandardSharing: valRdnIsStandardSharing, PeriodId: testPeriodId },
    function (data) {
        if (data.Status == 200) {
            console.log("Game added. Id:" + data.Data);
            if ($('#emptyText').length > 0) {
                $('#emptyText').hide();
            }
            MijnProno.fn.BuildPeriodGameTableRow(valTxtGameTime, valDdlHome, valDdlAway, data.Data);
        } else if (data.Status == 500) {
            console.log("Failed to add game");
        } else {
            console.log("Fault with Javascript");
        }
    }, "json"
);
于 2012-08-21T17:47:05.083 に答える