文章/答案/技术大牛

发布

社区首页 >问答首页 >将引导日期选择器显示为字符串，但格式为yyyy-mm-dddd

问将引导日期选择器显示为字符串，但格式为yyyy-mm-dddd
EN

Stack Overflow用户

提问于 2021-08-08 17:53:55

回答 1查看 67关注 0票数 1

我正在尝试让Bootstrap datepicker以字符串格式显示，即August 8, 2021 (即在输入栏中)。但是我希望实际的日期值是yyyy-mm-dd格式的。

HTML：

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.min.css" rel="stylesheet"/>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"

<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>

<style type="text/css">
        .datepicker {
            font-size: 0.875em;
        }
        /* solution 2: the original datepicker use 20px so replace with the following:*/
        
        .datepicker td, .datepicker th {
            width: 1.5em;
            height: 1.5em;
        }
        
    </style>

 <input style= "font-size:14px"id="datepicker">

Javascript：

$('#datepicker').datepicker({

    weekStart: 1,
    autoclose: true,
    format: 'yyyy-mm-dd',
    startDate: new Date(),
    Readonly: true,

});

$('#datepicker').datepicker("setDate", new Date());

$(function() {
$("#datepicker").datepicker();

$("#datepicker").val();

$("#datepicker").on("change",function(){
    
    selectedDate = $(this).val();
    update(selectedDate)
    console.log("datepicker selectedDate is", selectedDate)
    return selectedDate
});

做这件事最简单的方法是什么？

html

bootstrap-4

datepicker

javascript

回答 1

Stack Overflow用户

发布于 2021-08-14 10:30:06

 <!DOCTYPE html>
<html lang="en">
<head>
    
   <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>

</head>

<body>
    
    <input style= "font-size:14px"id="datepicker"> 

<script type="text/javascript">
      $('#datepicker').datepicker({

        weekStart: 1,
        autoclose: true,
        format: 'yyyy-mm-dd',
        startDate: new Date(),
        Readonly: true,

      });

      $('#datepicker').change(function(){

        var a = $(this).val();
        console.log(a);
      });

    </script>

</body>
</html>

通过上面的代码，您可以获得yyyy/mm/dd格式的日期。您的js与我的代码匹配有一些问题，并修复它。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68703373

复制

相似问题

问将引导日期选择器显示为字符串，但格式为yyyy-mm-dddd
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将引导日期选择器显示为字符串，但格式为yyyy-mm-ddddEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将引导日期选择器显示为字符串，但格式为yyyy-mm-dddd
EN