file.html

<span class="date">{$templateconf.txtadded} {$item.DateDisplay[0]}</span>
<span class="year"></span>
<span class="day"></span>
<span class="month"></span>

file.js

$(document).ready(function(){

    // You can change for your classes or add this in your smarty template
    var month = $('.month'),
        day = $('.day'),
        year = $('.year'),
        date = $('.date').val().split('/');

    var monthValue = date[0].toUpperCase(),
        dayValue = date[1],
        yearValue = date[2];

    var months = {
        'JAN': '01'
        'FEB', '02',
        'MAR': '03' 
        // etc...
    };

    // Hides the unecessary elements
    $('.date').hide();
    
    month.text(months[monthValue]);
    day.text(dayValue);
    year.text(yearValue);

});