html5 input datetime为啥调不出来日历控件

Posted 2023-04-23

调不出来是因为有些浏览器不支持datetime这种日历控件，比如chrome。
Datetime 对象是 html5 中的新对象。
Datetime 对象表示 HTML <input type="datetime"> 元素。
注释：Internet Explorer、Firefox 或者 Chrome 不支持 <input type="datetime"> 元素，Safari 中部分支持。Opera 12 以及更早的版本中完全支持。 参考技术A <input type="date">这就会自带日期控件了。。。

HTML5 拥有多个供选择日期和时间的新的输入类型：
date - 选择日、月、年
month - 选择月、年
week - 选择周、年
time - 选择时间（时、分）
datetime - 选择时间、日期、月、年（UTC 时间）
datetime-local - 选择时间、日期、月、年（本地时间）

你可以试试不同类型出来的效果，，

如果想要更好看的，那只能去搞个jquery的日期控件来用了，毕竟做得比较成熟，，

但是个人还是很喜欢html5这个新属性，，一句短短的就搞定了，，

不过有一个不好处就是，不同的浏览器渲染出来的效果有些差别。。。。本回答被提问者和网友采纳

DateTime.hasvalue vs datetime == null，哪个更好以及为啥[重复]

【中文标题】DateTime.hasvalue vs datetime == null，哪个更好以及为啥[重复]

【英文标题】：DateTime.hasvalue vs datetime == null, which one is better and why [duplicate]DateTime.hasvalue vs datetime == null，哪个更好以及为什么[重复]

【发布时间】：2016-10-29 16:22:17

【问题描述】：

我想问一个关于控制日期时间的空值的问题。

if (mydatetime != null)

或

if(mydatetime.hasvalue)

哪个更好，哪个更合适，为什么？

谢谢。

【问题讨论】：

它们并不完全相同。 HasValue 仅当 var 为 Nullable 时才有效

第一个如果有值则为真，第二个如果没有值则为真。 ! 可能太多了。

我的是可以为空的datetime(datetime?my datetime=null)，这种情况下有什么区别吗？

@Aurora 没有区别，保持一致

【参考方案1】：

与!=null 的第一个比较是有效的比较，而第二个只能在变量声明为Nullable 时使用，或者换句话说，与.HasValue 的比较只能在DateTime 变量声明为时使用可以为空

例如：

DateTime dateInput; 
// Will set the value dynamically
if (dateInput != null)
 
   // Is a valid comparison         

if (dateInput.HasValue)
 
   // Is not a valid comparison this time        

在哪里

DateTime? dateInput; // nullable declaration
// Will set the value dynamically
if (dateInput != null)
 
   // Is a valid comparison         

if (dateInput.HasValue)
 
   // Is also valid comparison this time        

【参考方案2】：

如果你问

if (mydatetime != null) 

您正在检查变量是否已被实例化。

如果它实际上是没有实例化，下面的语句会给你 NullReferenceException

if(!mydatetime.hasvalue)

因为您试图访问 null 对象的属性

仅当您将DateTime 声明为Nullable 时，它才会显示相同的行为。

Nullable<DateTime> mydatetime = null;

Console.WriteLine(mydatetime.HasValue);