如何更改 input type="datetime-local" 的格式？

Question

我想更改占位符或 input type=“datetime-local” 的格式 我如何使用纯 javascript 或 html 输入标签将它从 mm/dd/yyyy 更改为 dd/mm/yyyy ？

原文由 Ronoa Zoro 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你可以这样做：

 function nowAsDuration(){
    return moment.duration({
        hours:   moment().hour(),
        minutes: moment().minute(),
        seconds: moment().second()
    });
}

$("input").on("change", function() {
    var a = moment(this.value);
    var b = nowAsDuration();
    var c = a.add(b);


    this.setAttribute("my-date", c.format( this.getAttribute("my-date-format") )
    )
}).trigger("change")

 input {
    position: relative;
    width: 250px; height: 20px;
    color: white;
}

input:before {
    position: absolute;
    top: 3px; left: 3px;
    content: attr(my-date);
    display: inline-block;
    color: black;
}

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>

<input type="date" my-date="" my-date-format="DD/MM/YYYY, hh:mm:ss" value="2015-08-09">

原文由 Simon Dehaut 发布，翻译遵循 CC BY-SA 4.0 许可协议