设置输入类型=日期
Set Input type=date
非常感谢您抽出时间
我的问题是如何设置日期类型的值输入?
@Html.EditorFor(model => model.StartDate, new { htmlAttributes = new { @class = "form-control", @type = "date" } })
在运行之后
<input class="form-control text-box single-line" data-val="true" data-val-date="The field Date must be a date." data-val-required="The Date field is required." id="StartDate" name="StartDate" type="date" value="">
我用这种方式做了一些代码
$(document).ready(function () {
debugger;
var date = $('#StartDate').val();
var dt = new Date(date);
var day = parseInt(dt.getDate());
var month = parseInt(dt.getMonth() + 1);
var year = parseInt(dt.getFullYear());
if (day < 10) { day = '0' + day }
if (month < 10) { month = '0' + month }
var setDate = year + '-' + month + '-' + day;
$('#StartDate').val(setDate);
});
当程序运行时,我看到调试器屏幕上的值是字符串。空
var date = "";
我也试图删除这个格式错误的下半部分再次。
var dt = new Date(date);
但是我没有工作。如果有人知道答案的话我真的需要帮助终于有了数据,但由于格式不同,值未显示。此要求的格式(yyyy-MM-dd)
谢谢大家。
您的脚本是不必要的,并且由于属性StartDate
是可为null的DateTime?
并且没有值(您的html具有value=""
),因此var dt = new Date(date);
将返回Invalid date
,因为var date = $('#StartDate').val();
返回null
,并且脚本失败。
在将模型传递到视图之前,您需要在控制器中设置StartDate
的值,例如
var model = new MyModel() { StartDate = DateTime.Today };
return View(model);
其将在输入中显示今天的日期。
为了显示所需的格式,您可以添加DisplayFormatAttribute
[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
[DataType(DataType.Date)]
public DateTime? StartDate { get; set; }
注意,添加DataTypeAttribute
意味着您可以从EditorFor()
方法中省略type="date"
,因为它将由方法添加
或者,您可以省略这两个属性并使用
@Html.TextBoxFor(m => m.StartDate, "{0:yyyy-MM-dd}", new { @class = "form-control", type = "date" }})
相关文章:
- 如何在输入字段中的按钮的帮助下打开日历,该字段的类型为“=”;日期”;
- "日期“;AJAX请求返回的类型值未定义
- 如何使用Windows8JSON.parse将JSON文本反序列化为日期类型
- 如何使用javascript获取从指定文件夹创建的所有文件的名称、大小、类型和日期
- 在 JavaScript 中单击函数时两个日期类型输入之间的差异的代码
- 如何在JavaScript中转换日期类型
- 格式化WSH中的日期类型(以及与日期项目的差异)
- Angularjs:设置日期类型的输入值
- 更改其他日期类型字段时,如何修改日期类型字段
- NVD3在xAxis上使用日期类型时,折线图错误地与网格对齐
- 希望将polyfill与HTML5结合使用,使日期类型在firefox中工作
- 在运行时检查是否有正确的日期类型,以便进行比较
- (JS)为什么两个日期类型变量共享相同的内容
- 如何转换日期类型的字符串,例如2014-08-18 03:29:12. 000z;为几秒钟
- 将日期类型(html5)转换为javascript
- 错误日期类型(Google可视化)
- JQuery Datepicker -针对特定单元格/日期类型的不同悬停行为
- 如何在日期类型字段中设置值
- 是否可以指定要使用的日期类型
- 转换和读取JSON日期类型的Javascript