显示当天的营业时间答案

【问题标题】：Show opening times for current day显示当天的营业时间
【发布时间】：2020-07-10 19:19:19
【问题描述】：

我正在尝试显示商店的营业时间。到目前为止，我已经创建了数据库表并存储了一些特定的时间。
Data base pic 我可以像这样调用某个日期/时间到查看页面：

{{shop.MondayOpenTime}} to {{shop.MondayCloseTime}}

我不知道该怎么做，显示当天的正确时间。我在 prusuuming 我用 AngularJS 做这件事，但不确定最好的进步方式。

任何帮助将不胜感激。

非常感谢

【问题讨论】：

请在minimal reproducible example 分享您目前的进展情况。

标签： c# angularjs asp.net-mvc

【解决方案1】：

作为一个javascript函数，你可以这样做：

  function getDay(shop) {
            var a = new Date();
            var days = new Array(7);
            days[0] = {shop.SundayOpenTime} + "to" + {shop.SundayCloseTime};
            days[1] = {shop.MondayOpenTime} + "to" + {shop.MondayCloseTime};
            days[2] = {shop.TuesdayOpenTime} + "to" + {shop.TuesdayCloseTime};
            days[3] = //wednesday;
            days[4] = //Thursday;
            days[5] = //Friday;
            days[6] = //Saturday;
            var r = days[a.getDay()];
            return r;
    }

【讨论】：

太棒了，谢谢你的帮助。我会看看我是否可以在我的代码中使用它。

【解决方案2】：

您可以使用过滤器。 AngularJS 为你提供了一个date filter。

这是一个例子：

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $filter) {
  // {{shop.MondayOpenTime}} to {{shop.MondayCloseTime}}
  $scope.shop = [{
    "name": "Monday",
    "OpenTime": new Date("2019-03-25"),
    "CloseTime": new Date("2020-03-25"),
    "check": false
  }, {
    "name": "Tuesday",
    "OpenTime": new Date(1585008000000),
    "CloseTime": new Date(1585094400000),
    "check": false
  }];

  // formats to use (in DOM): 
  // {{ date_expression | date : format : timezone}}
  // or (in controller):
  // $filter('date')(date, format, timezone)
});

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

<body>

  <div ng-app="myApp" ng-controller="myCtrl">

    <table>
      <tr>
        <th>Name</th>
        <th>Open time</th>
        <th>Close time</th>
        <th>Checkmark</th>
      </tr>
      <tr ng-repeat="item in shop">
        <td>{{item.name}}</td>
        <td>{{item.OpenTime | date : 'short'}}</td>
        <td>{{item.CloseTime | date : 'short'}}</td>
        <td><input type="checkbox" ng-model="item.check"></td>
      </tr>
    </table>

    <pre>{{shop | json}}</pre>

  </div>


</body>

</html>

【讨论】：