代码之家 › 专栏 › 技术社区 › Kawd

如何将用户输入格式化为正确的本地化格式?

locale momentjs date javascript

Kawd · 技术社区 · 6 年前

我有一个 <input type="text"/> 用户可以(尝试)以任何格式/语法键入日期(即使格式无效)。

我正试着跟着 these guidelines in order to use a local moment

// I want to use a local instance of moment
let localLocale = moment();

// I want to set the locale to be 'fr'
localLocale.locale('fr')

// I want to set the format to be 'LL'
localLocale.format('LL')

// this is what the user typed in
let userInput = '2/3/1986'

// I want to do:
let formattedUserInput = something(userInput)

formattedUserInput 必须是 Mars 2, 1986

我在找什么 something 应该是。当文档如此混乱的时候,没有解释如何做到这一点。

如果 userInput 这显然是胡言乱语 something()

我试过了 localLocale(userInput) 但是它抛出了一个错误 localLocale is not a function

2 回复 | 直到 6 年前

VincenzoC 6 年前

你可以用 moment(String, String[]) 要分析difefrent格式的输入:

如果您不知道输入字符串的确切格式,但知道它可能是多种格式之一,则可以使用一组格式。

你可以用 moment.ISO_8601 ,如图所示 here ,将ISO 8601输入解析为 moment(String)

请注意 力矩(字符串,字符串[])

2.3.0 ,矩使用一些简单的启发式方法来确定使用哪种格式。整齐:

更喜欢导致 valid 日期超过无效日期。

更喜欢解析更多字符串而不是更少,使用更多格式而不是更少格式的格式,即更喜欢更严格的解析。

更喜欢数组中较早的格式,而不是较晚的格式。

一种可能的解决方案如下:

function something(userInput){
  let m = moment(userInput, [moment.ISO_8601, 'DD/MM/YYYY', 'MM/DD/YYYY' ]);
  if( !m.isValid() ){
    // throw "Invalid input";
  }
  return m.locale('fr').format('LL');
}

['2/3/1986', 'aaa', '10-15-2017'].forEach((userInput) => {
  console.log( something(userInput) );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/locale/fr.js"></script>

-1

Heretic Monkey goproxy.dev 6 年前

区域设置集是您定义的实例的本地设置。所以

let localLocale = moment();
localLocale.locale('fr');

localLocale 到 'fr'

// this is what the user typed in
let userInput = '2/3/1986';

// Use a local instance of moment, using the user's input
let localLocale = moment(userInput, 'D/M/YYYY');

// Set the locale to be 'fr'
localLocale.locale('fr');

// Get the formatted string
let formattedUserInput = localLocale.format('LL');

console.log(formattedUserInput);

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js" integrity="sha256-VrmtNHAdGzjNsUNtWYG55xxE9xDTz4gF63x/prKXKH0=" crossorigin="anonymous"></script>

推荐文章

shim · 如何在日期格式化程序的日期和时间设置中正确支持iOS 12小时/24小时时间覆盖?

6 年前

Rohan West · 是什么控制了中的CurrencyPositivePattern。网

6 年前

BugShotGG · 如何在c中处理ifstream、cout等的多个区域设置++

6 年前

JosanSun · 为什么我在关于文件编码格式的qt代码中得到了凌乱的代码结果?

6 年前

JuMoGar · 读/写特殊字符(如颚化符,…)在控制台应用程序C中

6 年前

user2060733 · 特定地区的Android分析异常

7 年前

Paul Santus · DateTimeFormatter。withLocale():根据FormatStyle和Locale引用所有模式

7 年前

Parth Anjaria · 抽屉布局区域设置未更改

7 年前

Ufkoku · 设置默认区域设置

7 年前

MJB · 如何识别站点中的当前区域设置

7 年前