examples/simple_index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Simple page using opening_hours.js</title>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/png" href="https://openingh.openstreetmap.de/evaluation_tool/img/favicon.png">
    <script src="https://openingh.openstreetmap.de/opening_hours.js/opening_hours+deps.min.js"></script>
  </head>

  <body>

    <h1>Nothing to see here, open a debug console in your browser to see the interesting stuff.</h1>

    <script>
      // Input string (English and German mixed).
      let input_value = 'Mo-Tu,Do-Fr 10:00-20:00; Samstag und Sonntag geschlossen';

      // Language for the warnings (get it from the browser settings).
      let locale = navigator.language;

      // Create opening_hours object.
      let oh = new opening_hours(input_value, {}, { 'locale': locale });

      // Prettify the value in different languages.
      let prettified_value_de = oh.prettifyValue({conf: { locale: 'de' },});
      let prettified_value_en = oh.prettifyValue({conf: { locale: 'en' },});
      let prettified_value_ru = oh.prettifyValue({conf: { locale: 'ru' },});

      // Console outputs.
      console.log('Input value (de en mixed): ' + input_value);
      console.log('Prettified value (de):     ' + prettified_value_de);
      console.log('Prettified value (en):     ' + prettified_value_en);
      console.log('Prettified value (ru):     ' + prettified_value_ru);
      console.log('Warnings:' + JSON.stringify(oh.getWarnings(), null, '  '));
    </script>

  </body>
</html>