堆栈内存溢出
  繁体   English   中英

为 Tempus Dominus Bootstrap 4 设置语言环境

[英]Set locale for Tempus Dominus Bootstrap 4

 原文  2021-03-11 07:30:52  0   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