小编Sre*_*nth的帖子

删除type = date的html5输入元素中的默认文本/占位符

我使用类型为日期的html输入元素,

<input type="date">
Run Code Online (Sandbox Code Playgroud)

当我使用上面的元素时,它会在该输入元素中创建一个默认的日期格式,即mm/dd/yyyy文本.如何删除此默认文本?

我尝试在我的页面上添加以下样式,但它也隐藏了所选的日期值,

input[type=date]::-webkit-datetime-edit-text {
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-month-field{
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-day-field {
    -webkit-appearance: none;
    display: none;
}
input[type=date]::-webkit-datetime-edit-year-field {
    -webkit-appearance: none;
    display: none;
}
Run Code Online (Sandbox Code Playgroud)

html css html5 date css3

20
推荐指数
4
解决办法
3万
查看次数

angular ui 遮罩不适用于 angular-ui datepicker

我正在尝试将 angular-ui-mask 与 angular-ui-bootstrap datepicker 组件一起使用。

当我使用它时,即使日期是有效日期并且日期在我离开该领域后被清除,输入也会被分配 ng-invalid-date 类。

我不想使用 HTML 输入,type='date'因为并非所有浏览器都支持它。

plunker 同样:

http://plnkr.co/edit/dW4AIlF37CLbSHf553d3?p=preview

  <input type="text" class="form-control" ui-mask="99/99/9999" uib-datepicker-popup ng-model="dt" is-open="status.opened" min-date="minDate" max-date="maxDate" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
Run Code Online (Sandbox Code Playgroud)

检查元素以查看分配给它的类。

masking angularjs angular-ui angular-ui-bootstrap

5
推荐指数
1
解决办法
2360
查看次数

标签 统计

angular-ui ×1

angular-ui-bootstrap ×1

angularjs ×1

css ×1

css3 ×1

date ×1

html ×1

html5 ×1

masking ×1