【问题标题】:Fill a textbox with the current date in dd/mm/yy format on formload在表单加载时以 dd/mm/yy 格式填充当前日期的文本框
【发布时间】:2017-07-25 17:55:14
【问题描述】:

我正在尝试将默认日期设置为我的 asp.net Web 表单中的文本框,在表单加载时使用 jquery。为此我正在使用该函数:

<!DOCTYPE html>
<html>
<body onload="myFunction()">
<input type="text" class="form-control" placeholder="dd/mm/yyyy" autocomplete="off" id="datepicker2" name="datepicker2" />
<p id="demo"></p>

<script>
function myFunction() {
    var d = new Date();
    var n = d.toLocaleDateString();
    document.getElementById("datepicker2").defaultValue = n;
}
</script>

</body>
</html>

但是当我将此添加到我的解决方案中时,日期格式更改为 mm/dd/yyyy ,我期望它采用 dd/mm/yyyy 格式。

为什么这个toLocaleDateString(); 不适用于我的解决方案? datepicker2datepicker 。我有一个用于日历视图的函数datepicker(),当我使用鼠标选择日期时,它也会以 dd/mm/yyyy 格式输出。

那么,我怎样才能用 dd/mm/yyyy 格式的当前日期填充 datepicker2 ????
注意:此问题仅在我使用 FireFox 时发生

【问题讨论】:

  • 25/07/2017 是 dd/mm/yy 格式。那你的问题是什么(我检查了 chrome/firefox/safari)
  • @AlivetoDie 在我的解决方案中它的 07/25/2017(在 firefox 上)
  • 我认为您还有其他一些操作数据的代码
  • @AlivetoDie 您的本地日期设置和 OP 可能不同,这就是为什么首先使用 toLocaleDateString()
  • sn-p 在我知道的所有浏览器上都能完美运行..!!但在我的解决方案中datepicker2 是一个日期选择器,在上面的设计中它只是一个文本框。!!

标签: jquery html asp.net


【解决方案1】:

<!DOCTYPE html>
<html>
<body onload="myFunction()">
<input type="text" class="form-control" placeholder="dd/mm/yyyy" autocomplete="off" id="datepicker2" name="datepicker2" />
<p id="demo"></p>

<script>
function myFunction() {
    var d = new Date();
    var n = d.toLocaleDateString("en-IN");
    document.getElementById("datepicker2").defaultValue = n;
}
</script>

</body>
</html>

如下更改 toLocateDateString

var n = d.toLocaleDateString("en-IN");

【讨论】:

    【解决方案2】:

    toLocaleDateString() 在用户的语言环境中显示日期,所以它取决于客户端(因为我在西班牙,它显示在 dd/mm/yyyy 因为这是我的默认语言环境,但对于在以美国为例)。对于您想要做的事情,请尝试:

    function myFunction() {
       var d = new Date();
       var day = ('0' + d.getDate()).slice(-2);
       var month= ('0' + (d.getMonth()+1)).slice(-2);
       var year = d.getFullYear(); 
       var n = day + '/' + month + '/' + year ;
       document.getElementById("datepicker2").defaultValue = n;
    }
    

    【讨论】:

      猜你喜欢
      • 2020-10-16
      • 1970-01-01
      • 1970-01-01
      • 2020-02-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多