将VueJS时间输入传递给Rails输入

<template>
  <div>
    <input type="time" v-model="selectedTime">
    <button @click="submitTime">提交</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedTime: ''
    };
  },
  methods: {
    submitTime() {
      // 在这里将时间传递给后端
      // 可以使用axios或其他HTTP库发送POST请求
      // 例如，可以将时间作为请求的payload发送到Rails后端
      axios.post('/api/time', { time: this.selectedTime })
        .then(response => {
          // 处理成功响应
        })
        .catch(error => {
          // 处理错误
        });
    }
  }
};
</script>

class TimeController < ApplicationController
  def create
    time = params[:time]
    
    # 在这里处理时间数据
    # 可以将时间存储到数据库中或进行其他操作
    
    render json: { message: '时间已成功提交' }
  end
end

Rails.application.routes.draw do
  post '/api/time', to: 'time#create'
end