使用jQuery将值动态插入到Comment String中

时间:2017-04-05 18:50:11

标签: javascript jquery

如果今天有day功能,如何将明天的startTime endTimesetupOrderingNotAvailable插入到day功能的内容消息中? s endTimesetupOrderingNotAvailable已过期?现在,消息var days = { '1': {startTime: '4:00 PM', endTime: '8:00 PM'}, '2': {startTime: '11:00 AM', endTime: '9:00 PM'}, '3': {startTime: '11:00 AM', endTime: '9:00 PM'}, '4': {startTime: '11:00 AM', endTime: '4:00 PM'}, '5': {startTime: '11:00 AM', endTime: '10:00 PM'}, '6': {startTime: '12:00 PM', endTime: '10:00 PM'}, '7': {startTime: '12:00 PM', endTime: '8:00 PM'}, }; var curr_day = new Date().getDay(); var curr_time = getval(); var orderIsAvailable = false; var day = days[curr_day]; // function setupOrderingAvailable() { document.querySelector('#alert-success').onclick = function() { $.sweetModal({ content: '<h2>Online Ordering is Available!</h2>' + 'Please click the button below to begin your online order.' + '<div class="sweet-modal-buttons"><a href="http://pizzospizzeria.hungerrush.com" target="_blank" class="button greenB">Start Order</a></div>', // icon: $.sweetModal.ICON_SUCCESS }); }; } // Need to make this a function that inserts tomorrows startTime and endTime into message if todays endTime has passed function setupOrderingNotAvailable() { document.querySelector('#alert-success').onclick = function() { $.sweetModal({ content: '<h2>Online Ordering is Not Available</h2>' + 'Online ordering will be available again tomorrow from 11:00am to 9:00pm', buttons: [{ label: 'Close', classes: 'redB' }] }); }; } if (day) { if (get24Hr(curr_time) > get24Hr(day.startTime) && get24Hr(curr_time) < get24Hr(day.endTime)) { orderingIsAvailable = true; } else { document.querySelector('#alert-success').onclick = function() { $.sweetModal({ content: '<h2>Online Ordering is Not Available</h2>' + 'Online ordering will be available again tomorrow from 11:00am to 9:00pm', buttons: [{ label: 'Close', classes: 'redB' }] }); } } } if (orderingIsAvailable) { setupOrderingAvailable(); } else { setupOrderingNotAvailable(); } 明天上午11点到晚上9点再说#34;&#34;但每天都不是这样;这是我明天要插入的地方。

代码

@Entity
public class System {
  @Id
  @Column(name = "ID")
  private Integer id;

  @OneToMany(mappedBy = "system")
  @Where("active = true")
  private Set<Systemproperty> systempropertys;
}

@Entity
public class Systemproperty {
  @Id
  @Column(name = "ID")
  private Integer id;

  @Id
  @Column(name = "ACTIVE")
  private Integer active;
}

2 个答案:

答案 0 :(得分:1)

我通过确定开始和结束时间的毫秒时间来稍微清理时间比较代码。这允许将现在时间的清洁(IMO)比较作为数字与开始和结束时间的比较。从Date对象返回的日整数范围是0-6,所以我也更新了它。

从那里你进行比较,如果订购现在不能发生

这里有一个小提琴,尽管已经剥离了sweetModal方面,但无论你如何展示它,字符串的创建都是一样的。

https://jsfiddle.net/wx97g6x1/2/

var days = {
  0: {
    startTime: '4:00 PM',
    endTime: '8:00 PM'
  },
  1: {
    startTime: '11:00 AM',
    endTime: '9:00 PM'
  },
  2: {
    startTime: '11:00 AM',
    endTime: '9:00 PM'
  },
  3: {
    startTime: '11:00 AM',
    endTime: '4:00 PM'
  },
  4: {
    startTime: '11:00 AM',
    endTime: '10:00 PM'
  },
  5: {
    startTime: '12:00 PM',
    endTime: '10:00 PM'
  },
  6: {
    startTime: '12:00 PM',
    endTime: '8:00 PM'
  }
};

var now = new Date();
var time = now.getTime();
var day = days[now.getDay()];

var startToday = Date.parse(now.toDateString() + ' ' + day.startTime);
var endToday = Date.parse(now.toDateString() + ' ' + day.endTime);

function setupOrderingAvailable() {
  console.log('Online Ordering is Available!');
}

function setupOrderingNotAvailable() {
  var tomorrow = days[now.getDay() + 1];
  console.log('Online ordering will be available again tomorrow from '+ tomorrow.startTime +' to '+ tomorrow.endTime)
}

if (time > startToday && time < endToday) {
  setupOrderingAvailable();
} else {
  setupOrderingNotAvailable();
}

答案 1 :(得分:0)

查看Template Literals

const days = {
    '1': { start: 1, end: 2 },
    '2': { start: 3, end: 4 }
}
const string = `day 2 starts at: ${days['2'].start} and ends at: ${days['2'].end}`
console.log(string); // "day 2 starts at: 3 and ends at: 4"

除了使用每天&#34;&#34;值&#34;比前一个大1。