Диапазон дат для графиков - PullRequest
0 голосов
/ 03 декабря 2018

Я пытаюсь взять startDate и endDate из моих компонентов datetime и запустить их для диаграмм: данные, которые содержат массив значений из моего хранилища vuex в этом формате ["2018-11-29T20:41:28.449Z","3"] - лучший способ вернуть вычисленное свойство?

  <template>
    <div class="b-container">
        <br />
        <h2>Probe Charts</h2>
        <ul v-for="(photon,key) in this.$store.state.photons">
            <h3>Photon: {{key}}</h3>
            <b-row>
                <b-col>
                    <datetime type='datetime' v-model="photon.startDate" use12-hour auto class="theme-orange">
                        <label for="startDate" slot="before" placeholder="">Start Datetime:</label>
                    </datetime>
                </b-col>
                <b-col>
                    <datetime type="datetime" min-datetime="2018-12-2" use12-hour auto v-model="photon.endDate" class="theme-orange">
                        <label for="endDate" slot="before" placeholder="">End Datetime:</label>
                    </datetime>
                </b-col>
            </b-row>
            <line-chart :data="photon.data.rbChannel" :key="photon.id" ytitle="R/B Channel" height="220px"></line-chart>
            <line-chart :data="photon.data.tempF" :key="photon.id" ytitle="Temperature F" :colors="['#ff0000']" height="220px"></line-chart>
            <line-chart :data="photon.data.srm" :key="photon.id" ytitle="SRM" :colors="['#ffa500']" height="220px"></line-chart>
            <line-chart :data="photon.data.turbidParticle" :key="photon.id" ytitle="Turbid Particle" :colors="['#000000']"
                height="220px"></line-chart>
        </ul>
    </div>

</template>

<script>
    export default {
        name: 'probeDiagnostics',
        data() {
            return {
                startDate: '',
                endDate: ''
            }
        },
        mounted() {},
        methods: {

        },

        computed:{
            datePickChart: function(){
                return this.$store.state.photons
            }
        }
    }
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...