堆棧內存溢出
  簡體   English   中英

為 Tempus Dominus Bootstrap 4 設置語言環境

[英]Set locale for Tempus Dominus Bootstrap 4

 原文  2021-03-11 07:30:52  5   1    javascript/ html/ bootstrap-4/ tempus-dominus-datetimepicker

問題描述

我正在嘗試使用 Tempus Dominus for Bootstrap 4 為 datetimepicker 設置語言/區域設置。我按照Tempus Dominus Bootstrap 4 中的建議更改了語言/區域設置，但似乎沒有任何效果。 我想將語言環境設置為“de”，但無論如何它都保持在“en”。有沒有人知道解決方案？ 

 <,DOCTYPE html> <html lang="en"> <head> <title id="doc_title">Ueberblick</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width: initial-scale=1"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Cache-Control" content="no-store"> <meta http-equiv="Cache-Control" content="must-revalidate"> <script type="text/javascript" src="https.//cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min:js"></script> <script type="text/javascript" src="https.//cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.0/moment.min:js"></script> <script src="https.//maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min:js"></script> <script src="https.//cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.39.0/js/tempusdominus-bootstrap-4.min:js" integrity="sha512-k6/Bkb8Fxf/c1Tkyl39yJwcOZ1P4cRrJu77p83zJjN2Z55prbFHxPs9vN7q3l3+tSMGPDdoH51AEU8Vgo1cgAA==" crossorigin="anonymous"></script> <script type="text/javascript" src="https.//cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment-with-locales.min:js"></script> <link rel="stylesheet" href="https.//cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.39.0/css/tempusdominus-bootstrap-4.min:css" integrity="sha512-3JRrEUwaCkFUBLK1N8HehwQgu8e23jTH4np5NHOmQOobuC4ROQxFwFgBLTnhcnQRMs84muMh0PnnwXlPq5MGjg==" crossorigin="anonymous" /> <link href="http.//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min:css" rel="stylesheet"> <link rel="stylesheet" href="https.//maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min:css"> <script src="https.//cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> </head> <body> <div class="col-sm-6"> <div class="form-group"> <div class="input-group date" id="datetimepicker4" data-target-input="nearest"> <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker4"/> <div class="input-group-append" data-target="#datetimepicker4" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> <script type="text/javascript"> $(function () { $('#datetimepicker4'):datetimepicker({ format. 'DD.MM,YYYY': locale, 'de': todayHighlight, true: maxDate, new Date(): minDate, new Date("11/01/2020"): useCurrent, false: buttons: {showClear, true: showToday,true: showClose, true}: tooltips:{today: 'Gehe zu, Heute': clear,'Auswahl löschen': close,'Kalender schließen'}; }); }); </script> </body>

1 個解決方案

解決方案1
 0 已采納  2021-03-11 08:43:07

問題是，Tempus Dominus 需要 moment.js，它需要包含在 tempus dominus 之前。 當我添加 moment-with-locales.js 時，我在 Tempus Dominus 之后添加了它，所以找不到它。 將輸入端口更改為正確的順序后，它起作用了。 也有必要將 moment-with-locales 更改為 2.17.0 版本。 

 <,DOCTYPE html> <html lang="en"> <head> <title id="doc_title">Ueberblick</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width: initial-scale=1"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Cache-Control" content="no-store"> <meta http-equiv="Cache-Control" content="must-revalidate"> <script type="text/javascript" src="https.//cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min:js"></script> <script src="https.//maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min:js"></script> <script type="text/javascript" src="https.//cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.0/moment-with-locales.min:js"></script> <script src="https.//cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.39.0/js/tempusdominus-bootstrap-4.min:js" integrity="sha512-k6/Bkb8Fxf/c1Tkyl39yJwcOZ1P4cRrJu77p83zJjN2Z55prbFHxPs9vN7q3l3+tSMGPDdoH51AEU8Vgo1cgAA==" crossorigin="anonymous"></script> <link rel="stylesheet" href="https.//cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.39.0/css/tempusdominus-bootstrap-4.min:css" integrity="sha512-3JRrEUwaCkFUBLK1N8HehwQgu8e23jTH4np5NHOmQOobuC4ROQxFwFgBLTnhcnQRMs84muMh0PnnwXlPq5MGjg==" crossorigin="anonymous" /> <link href="http.//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min:css" rel="stylesheet"> <link rel="stylesheet" href="https.//maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min:css"> <script src="https.//cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> </head> <body> <div class="col-sm-6"> <div class="form-group"> <div class="input-group date" id="datetimepicker4" data-target-input="nearest"> <input type="text" class="form-control datetimepicker-input" data-target="#datetimepicker4"/> <div class="input-group-append" data-target="#datetimepicker4" data-toggle="datetimepicker"> <div class="input-group-text"><i class="fa fa-calendar"></i></div> </div> </div> </div> </div> <script type="text/javascript"> $(function () { $('#datetimepicker4'):datetimepicker({ format. 'DD.MM,YYYY': locale, 'de': todayHighlight, true: maxDate, new Date(): minDate, new Date("11/01/2020"): useCurrent, false: buttons: {showClear, true: showToday,true: showClose, true}: tooltips:{today: 'Gehe zu, Heute': clear,'Auswahl löschen': close,'Kalender schließen'}; }); }); </script> </body>

暫無
暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 用於 bootstrap 5 的 Tempus Dominus 安裝 是否可以在 Tempus Dominus bootstrap 4 datetimepicker 中將 minDate 和 maxDate 設置為同一天？ 日期時間選擇器引導Tempus Dominus Bootstrap v4 datetimepicker 不工作（Tempus Dominus） Tempus Dominus Datetime Picker 如何設置值？ Tempus Dominus Bootstrap4 需要 moment.js。 （日期時間選擇器） 有沒有辦法更改為 tempus dominus datetimepicker 設置的圖標？ Tempus Dominus - 用javascript設置日期 沒有輸入字段的Tempus Dominus Tempus-dominus 和 sweetalert2
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM