主页 / 问题 / 1100052
Accepted
slobodianiukvitali
Asked:2020-03-26 18:35:19 +0000 UTC2020-03-26 18:35:19 +0000 UTC

计算从今天到您选择的日期的天数？

  • 772

我想问一下我的编码方法中的错误是什么（但我在控制台中没有看到错误）。我的任务是，即：计算从今天到我选择的日期的天数

var data1=new Date();
	new Vue({
		el: "#data-tag",
		data: {
			dataend: " ",
			datastart: " ",
			deadline: " ",
			milliseconds: "",
			seconds: "",
			minutes: "",
			hours: "",
			days: ""
		},
		methods: {
			Deadline() {
				this.datastart= new Date();
				this.deadline=Math.abs(this.dataend-this.datastart);

				this.milliseconds = this.deadline;
				this.seconds = this.milliseconds / 1000;
				this.minutes = this.seconds / 60;
				this.hours = this.minutes / 60;
				this.days = this.hours / 24;
				this.days=Math.ceil(days);
				console.log(this.days);
			}
		}
	})
<div id="data-tag">
		<input type="date" placeholder="дата окончания" v-model="dataend">
		<div> {{days}}</div>
	</div>
 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

javascript

2 个回答

  1. Best Answer

    您不需要 data() 中的许多属性来实现此目标。在您的脚本中，您基本上没有运行计数方法，在我下面给出的情况下，该方法在“dataend”属性更改时启动，在手表中我跟踪并运行该方法。我在下面附上了一个工作示例。

    PS赋值的时候，"this.days = abs/msPerDay"可以将数值四舍五入（\u200b\u200b用Math.round/ceil，随意）

       new Vue({
el: "#data-tag",
data: {
  dataend: '',
  days: '',
},
watch: {
 dataend(){
   this.deadline();
 }
},
methods: {
 deadline() {
   const msPerDay = 8.64 * Math.pow(10, 7);
   const abs = Math.abs(Date.parse(this.dataend) - Date.now());
   this.days = abs/msPerDay;
 }
   }
 })
    <html>
  <body>
    <div id="data-tag">
      <input type="date" placeholder="дата окончания" v-model="dataend">
      <div> {{days}}</div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>  
  </body>
</html>

    • 1

  2. 你让它变得非常困难。

    Date.daysBetween = function( date1, date2 ) {
  //Get 1 day in milliseconds
  var one_day=1000*60*60*24;

  // Convert both dates to milliseconds
  var date1_ms = date1.getTime();
  var date2_ms = date2.getTime();

  // Calculate the difference in milliseconds
  var difference_ms = date2_ms - date1_ms;

  // Convert back to days and return
  return Math.round(difference_ms/one_day); 
}
    • 0

相关问题