2014-01-17 33 views
2

我有一個引導日期選擇器的問題,我無法解決它。我希望你們有一個想法。驗證具有特定格式的引導日期選擇器

我在頁面上添加了引用bootstrap-datepicker.js和datepicker.css。然後我通過jquery定義了我的輸入的日期格式。

$('#DataNascimento').datepicker({ 
    format: 'dd/mm/yyyy' 
}); 

//My View 
@Html.TextBoxFor(m => m.DataNascimento, new { @class = "datepicker", @data_mask = "99/99/9999", @data_date=Model.DataNascimento, data_date_format=System.Globalization.CultureInfo.CurrentCulture.DateTimeFormat.ShortDatePattern, @data_val_date = "Informe uma Data de Nascimento válida" }) 

//My Web.config 
<globalization culture="pt-BR" uiCulture="pt-BR"/> 

雖然我鍵入正確的日期格式(DD/MM/YYYY)我總是得到錯誤信息「日期格式無效」。 我已經嘗試刪除TextBox的屬性@data_mask,@ data_date,@ data_date_format和@data_val_date,但它仍然不起作用。 有沒有人可以幫我解決這個問題?

非常感謝!

UPDATE: 我使用ASP.NET MVC 4

UPDATE:

,大家好,我已經測試過的應用程序在其他瀏覽器(Firefox和IE),我不對他們有同樣的問題。我相信這是Chrome上的問題。我已經將我的html代碼的屬性「lang」從'en'更改爲'pt-br',但它仍然不適用於chrome。 正如@TrueBlueAussie建議的那樣,我會嘗試創建一個測試項目並再次測試。 謝謝!

+0

我有同樣的問題。用這種語言進行編程? ASP? – CesarMiguel

+0

這看起來像Razor代碼,你能顯示服務器端代碼,你正在接收和驗證數據並存儲它嗎? (或者這是純粹的客戶端驗證錯誤?) –

+0

是的,剃鬚刀代碼。我沒有看到「@ Html.TextBoxFor」。我有一個錯誤。我將構造答案 – CesarMiguel

回答

0

我有一個非常錯誤。這個答案包含了我遵循的步驟

1° - 與屬性附加傷害隱藏創建另一個文本框:

@Html.TextBoxFor(model => model.DataNascimento, new { @class = "hidden"})

2º - 文本框來處理日期從datapicker插入:

@Html.TextBox("DataNascimentoManipulate", null, new { @class = "datepicker"}

3º - 現在操作日期

`

$('#datepicker').datepicker({ format: 'dd-mm-yyyy' }).on('changeDate', function() { 
      if ($("#DataNascimentoManipulate").val() != "") { 
       var varData = $("#DataNascimentoManipulate").val().split("/"); 
       var NovaData = "" + varData[2] + "/" + varData[1] + "/" + varData[0]; 
       $("#DataNascimento").val(NovaData); 
      } 

`

+0

對不起,但它沒有爲我工作。 :(但我發現,我發佈的相同代碼在Firefox中工作...我認爲問題出在我的瀏覽器上。 –